#CF1020
Red family

Lava

Also known as: fiery · intense · dynamic · passionate · vibrant
Save
Hex #CF1020
RGB rgb(207, 16, 32)
HSL hsl(355°, 86%, 44%)
CMYK 0 · 92 · 85 · 19
RAL RAL 2002 · Vermilion
NCS S 3040-Y90R

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In many cultures, Lava symbolizes passion and vitality, often associated with strong emotions and action. While it signifies love and desire in the West, in some Indigenous cultures, it represents the raw power of nature and transformation.

The term 'lava' originates from the Italian word 'lava', which means 'stream' or 'to wash'. The color gained prominence in the late 19th century as artists began using vivid, synthetic pigments to capture the dynamic essence of volcanic landscapes in their works.

fieryintensedynamicpassionatevibrant

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Lava. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 33 Reds →

Shades & tints

Nine steps of Lava by lightness — from #6C0811 (darkest) to #E6838B (lightest). Click any to copy.

-40% #6C0811
-30% #840A14
-20% #9D0C18
-10% #B60E1C
BASE #CF1020
+15% #D52D3B
+30% #DB4956
+50% #E06670
+70% #E6838B

Complementary

Sitting opposite Lava at 175° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Lava.

#CF1020
#FFD700
#F5F5F5
#FF6347
#8B0000

Volcanic Eruption

Explosive Energy
#CF1020
#FF4500
#D3D3D3
#F08080
#B22222

Heat Wave

Warm Embrace
#CF1020
#FF7F50
#FFFFFF
#FFA07A
#CD5C5C

Fiery Sunset

Tropical Bliss

Lava scale

A 50–900 tonal scale with Lava anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FBECED
100 #F6D4D7
200 #EDA4AA
300 #E3747E
400 #D9424F
500 #CF1020
600 #AA0D1A
700 #890B15
800 #680810
900 #46050B

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 5.6:1
Lava as text on… Ratio AA AAA
Aa White background 5.6:1 Pass Large only
Aa Black background 3.75:1 Large only Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #CF1020

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #CF1020;
CSS color-mix (lighten 30%) color-mix(in srgb, #CF1020 70%, white)
HSV / HSB 355°, 92%, 81%
CMYK (print) 0, 92, 85, 19
Decimal 13570080
Nearest web-safe #CC0033

Color vision

How Lava appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#CF1020

Protanopia (no red)

#7C7B1C

Deuteranopia (no green)

#87961B

Tritanopia (no blue)

#C51918
Venetian Red
25 / 33 Reds Hot Coral
Copied!