#720000

#CA2118

#F05214

#F69A03

#F7FF07

LAVA

#720000

#CA2118

#F05214

#F69A03

#F7FF07



Web code

Get CSS, SCSS, & Tailwind code for development



App tokens

Get Android, Flutter, Swift, & MAUI tokens



Quick view

Inspect colors in multiple color spaces

Colors overview

Yellow

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#720000	rgb(114, 0, 0)	hsl(0 100% 22%)	hwb(0 0% 55%)	lch(22.8 56.6 38)	lab(22.8 44.6 34.9)	cmyk 0%, 100%, 100%, 55%
	#ca2118	rgb(202, 33, 24)	hsl(3 79% 44%)	hwb(3 9.4% 21%)	lch(44.6 81.2 38.5)	lab(44.6 63.6 50.6)	cmyk 0%, 84%, 88%, 21%
	#f05214	rgb(240, 82, 20)	hsl(17 88% 51%)	hwb(17 7.8% 5.9%)	lch(57.5 87.9 46.9)	lab(57.5 60.1 64.2)	cmyk 0%, 66%, 92%, 6%
	#f69a03	rgb(246, 154, 3)	hsl(37 98% 49%)	hwb(37 1.2% 3.5%)	lch(72 81.4 68.9)	lab(72 29.3 76)	cmyk 0%, 37%, 99%, 4%
	#f7ff07	rgb(247, 255, 7)	hsl(62 100% 51%)	hwb(62 2.7% 0%)	lch(97 94.1 102)	lab(97 -18.9 92.1)	cmyk 3%, 0%, 97%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

Click one color card to view the complete contrast checker tests.

#720000

AAA - 12.24



#CA2118

AA - 5.61



#F05214

AA - 3.54



#F69A03

AA - 2.2



#F7FF07

AA - 1.09



Color blindness

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with protanopia

Colors preview as palette with protanopia

UI components preview

Preview the gradient in different UI components.

HDR color space

HDR oklab colors



background: linear-gradient(45deg, oklab(34.7% 0.124 0.069), oklab(54% 0.178 0.099), oklab(64.9% 0.161 0.126), oklab(76.3% 0.063 0.155), oklab(96.2% -0.08 0.197))

Fallback colors



background: linear-gradient(45deg, #720000, #CA2118, #F05214, #F69A03, #F7FF07)

Colors



<!-- Primary Colors -->
<color name="lava_color_10">#720000</color>
<color name="lava_color_20">#CA2118</color>
<color name="lava_color_30">#F05214</color>
<color name="lava_color_40">#F69A03</color>
<color name="lava_color_50">#F7FF07</color>

PWA prompt