Cempasúchil

#222b00

#849448

#fff48c

#ed9b1f

#960000

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

Orange

Red

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#222b00	rgb(34, 43, 0)	hsl(73 100% 8.4%)	hwb(73 0% 83%)	lch(15.9 24.5 113)	lab(15.9 -9.41 22.6)	cmyk 21%, 0%, 100%, 83%
	#849448	rgb(132, 148, 72)	hsl(73 35% 43%)	hwb(73 28% 42%)	lch(58.7 40.5 112)	lab(58.7 -14.9 37.7)	cmyk 11%, 0%, 51%, 42%
	#fff48c	rgb(255, 244, 140)	hsl(54 100% 77%)	hwb(54 55% 0%)	lch(95.5 51.6 97)	lab(95.5 -6.31 51.2)	cmyk 0%, 4%, 45%, 0%
	#ed9b1f	rgb(237, 155, 31)	hsl(36 85% 53%)	hwb(36 12% 7.1%)	lch(71.2 74.4 70.1)	lab(71.2 25.3 70)	cmyk 0%, 35%, 87%, 7%
	#960000	rgb(150, 0, 0)	hsl(0 100% 29%)	hwb(0 0% 41%)	lch(31.3 71.2 40.2)	lab(31.3 54.4 46)	cmyk 0%, 100%, 100%, 41%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#222b00

AAA - 14.85



#849448

AA - 3.32



#fff48c

AA - 1.13



#ed9b1f

AA - 2.25



#960000

AAA - 9.14



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(27.1% -0.034 0.056), oklab(63.7% -0.05 0.09), oklab(95.4% -0.029 0.123), oklab(75.4% 0.053 0.147), oklab(42.3% 0.151 0.085))

Fallback colors



background: linear-gradient(45deg, #222b00, #849448, #fff48c, #ed9b1f, #960000)

Colors



<!-- Primary Colors -->
<color name="cempasúchil_color_10">#222b00</color>
<color name="cempasúchil_color_20">#849448</color>
<color name="cempasúchil_color_30">#fff48c</color>
<color name="cempasúchil_color_40">#ed9b1f</color>
<color name="cempasúchil_color_50">#960000</color>

PWA prompt