Cenote

#004356

#005468

#006377

#017286

#007F96

Actions

Explore the palette in different formats, and actions.

Colors overview

Cyan

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#004356	rgb(0, 67, 86)	hsl(190 100% 17%)	hwb(190 0% 66%)	lch(25.5 21.8 232)	lab(25.5 -13.6 -17.1)	cmyk 100%, 22%, 0%, 66%
	#005468	rgb(0, 84, 104)	hsl(190 100% 20%)	hwb(190 0% 59%)	lch(32.2 24.7 227)	lab(32.2 -16.7 -18.2)	cmyk 100%, 19%, 0%, 59%
	#006377	rgb(0, 99, 119)	hsl(190 100% 23%)	hwb(190 0% 53%)	lch(38 27.1 224)	lab(38 -19.7 -18.7)	cmyk 100%, 17%, 0%, 53%
	#017286	rgb(1, 114, 134)	hsl(190 99% 26%)	hwb(190 0.39% 47%)	lch(43.5 29.5 221)	lab(43.5 -22.4 -19.2)	cmyk 99%, 15%, 0%, 47%
	#007f96	rgb(0, 127, 150)	hsl(190 100% 29%)	hwb(190 0% 41%)	lch(48.3 32.1 222)	lab(48.3 -24 -21.3)	cmyk 100%, 15%, 0%, 41%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#004356

AAA - 10.84



#005468

AAA - 8.5



#006377

AA - 6.88



#017286

AA - 5.59



#007F96

AA - 4.69



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(35.6% -0.048 -0.047), oklab(41.3% -0.057 -0.05), oklab(46.1% -0.065 -0.051), oklab(50.8% -0.073 -0.052), oklab(55% -0.079 -0.058))

Fallback colors



background: linear-gradient(45deg, #004356, #005468, #006377, #017286, #007F96)

Colors



<!-- Primary Colors -->
<color name="cenote_color_10">#004356</color>
<color name="cenote_color_20">#005468</color>
<color name="cenote_color_30">#006377</color>
<color name="cenote_color_40">#017286</color>
<color name="cenote_color_50">#007F96</color>

PWA prompt