Cempasuchil

#F4C66C

#F3A454

#E55945

#BC4B39

#873E2A

Actions

Explore the palette in different formats, and actions.

Colors overview

Orange

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#f4c66c	rgb(244, 198, 108)	hsl(40 86% 69%)	hwb(40 42% 4.3%)	lch(82.7 51.8 79.5)	lab(82.7 9.4 50.9)	cmyk 0%, 19%, 56%, 4%
	#f3a454	rgb(243, 164, 84)	hsl(30 87% 64%)	hwb(30 33% 4.7%)	lch(74.2 58.4 64.9)	lab(74.2 24.8 52.9)	cmyk 0%, 33%, 65%, 5%
	#e55945	rgb(229, 89, 69)	hsl(7.5 75% 58%)	hwb(7.5 27% 10%)	lch(57 68.2 36.9)	lab(57 54.5 41)	cmyk 0%, 61%, 70%, 10%
	#bc4b39	rgb(188, 75, 57)	hsl(8.2 53% 48%)	hwb(8.2 22% 26%)	lch(47.6 57.5 37.4)	lab(47.6 45.6 34.9)	cmyk 0%, 60%, 70%, 26%
	#873e2a	rgb(135, 62, 42)	hsl(13 53% 35%)	hwb(13 16% 47%)	lch(36 41.3 41.8)	lab(36 30.8 27.6)	cmyk 0%, 54%, 69%, 47%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#F4C66C

AA - 1.59



#F3A454

AA - 2.04



#E55945

AA - 3.59



#BC4B39

AA - 4.99



#873E2A

AAA - 7.62



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(84.9% 0.015 0.119), oklab(78.1% 0.059 0.12), oklab(64.4% 0.153 0.091), oklab(56% 0.128 0.078), oklab(45.5% 0.085 0.062))

Fallback colors



background: linear-gradient(45deg, #F4C66C, #F3A454, #E55945, #BC4B39, #873E2A)

Colors



<!-- Primary Colors -->
<color name="cempasuchil_color_10">#F4C66C</color>
<color name="cempasuchil_color_20">#F3A454</color>
<color name="cempasuchil_color_30">#E55945</color>
<color name="cempasuchil_color_40">#BC4B39</color>
<color name="cempasuchil_color_50">#873E2A</color>

PWA prompt