Mexican

#102e30

#1d6d60

#ffffff

#f52d37

#771e16

Actions

Explore the palette in different formats, and actions.

Colors overview

Green

White

Red

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#102e30	rgb(16, 46, 48)	hsl(180 50% 13%)	hwb(180 6.3% 81%)	lch(16.8 12.1 204)	lab(16.8 -11.1 -4.88)	cmyk 67%, 4%, 0%, 81%
	#1d6d60	rgb(29, 109, 96)	hsl(170 58% 27%)	hwb(170 11% 57%)	lch(41.1 27.3 180)	lab(41.1 -27.3 0.006)	cmyk 73%, 0%, 12%, 57%
	#ffffff	rgb(255, 255, 255)	hsl(none 0% 100%)	hwb(none 100% 0%)	lch(100 0 none)	lab(100 0 0)	cmyk 0%, 0%, 0%, 0%
	#f52d37	rgb(245, 45, 55)	hsl(360 91% 57%)	hwb(360 18% 3.9%)	lch(54.5 87.1 32.7)	lab(54.5 73.3 47.1)	cmyk 0%, 82%, 78%, 4%
	#771e16	rgb(119, 30, 22)	hsl(4.9 69% 28%)	hwb(4.9 8.6% 53%)	lch(27 48.2 36.7)	lab(27 38.7 28.8)	cmyk 0%, 75%, 82%, 53%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#102e30

AAA - 14.42



#1d6d60

AA - 6.16



#ffffff

AA - 1



#f52d37

AA - 3.95



#771e16

AAA - 10.59



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(28% -0.033 -0.013), oklab(48.4% -0.078 0.001), oklab(100% 0 0), oklab(62.8% 0.209 0.098), oklab(38.1% 0.109 0.061))

Fallback colors



background: linear-gradient(45deg, #102e30, #1d6d60, #ffffff, #f52d37, #771e16)

Colors



<!-- Primary Colors -->
<color name="mexican_color_10">#102e30</color>
<color name="mexican_color_20">#1d6d60</color>
<color name="mexican_color_30">#ffffff</color>
<color name="mexican_color_40">#f52d37</color>
<color name="mexican_color_50">#771e16</color>

PWA prompt