La Catrina

#000000

#800000

#C8102E

#F4A460

#b383f2

Actions

Explore the palette in different formats, and actions.

Colors overview

Black

Red

Orange

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#000000	rgb(0, 0, 0)	hsl(none 0% 0%)	hwb(none 0% 100%)	lch(0 0 none)	lab(0 0 0)	cmyk 0%, 0%, 0%, 100%
	#800000	rgb(128, 0, 0)	hsl(0 100% 25%)	hwb(0 0% 50%)	lch(26.2 62.5 39.1)	lab(26.2 48.5 39.4)	cmyk 0%, 100%, 100%, 50%
	#c8102e	rgb(200, 16, 46)	hsl(350 85% 42%)	hwb(350 6.3% 22%)	lch(43.3 76.2 29.5)	lab(43.3 66.3 37.5)	cmyk 0%, 92%, 77%, 22%
	#f4a460	rgb(244, 164, 96)	hsl(28 87% 67%)	hwb(28 38% 4.3%)	lch(74.5 53.9 61.5)	lab(74.5 25.7 47.4)	cmyk 0%, 33%, 61%, 4%
	#b383f2	rgb(179, 131, 242)	hsl(270 81% 73%)	hwb(270 51% 5.1%)	lch(63.1 60.9 306)	lab(63.1 35.4 -49.5)	cmyk 26%, 46%, 0%, 5%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#000000

AAA - 21



#800000

AAA - 10.94



#C8102E

AA - 5.88



#F4A460

AA - 2.03



#b383f2

AA - 2.82



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(0% 0 0), oklab(37.7% 0.135 0.075), oklab(53% 0.192 0.079), oklab(78.4% 0.064 0.11), oklab(70.2% 0.087 -0.138))

Fallback colors



background: linear-gradient(45deg, #000000, #800000, #C8102E, #F4A460, #b383f2)

Colors



<!-- Primary Colors -->
<color name="la_catrina_color_10">#000000</color>
<color name="la_catrina_color_20">#800000</color>
<color name="la_catrina_color_30">#C8102E</color>
<color name="la_catrina_color_40">#F4A460</color>
<color name="la_catrina_color_50">#b383f2</color>

PWA prompt