Tiger Color Palette

#0C0605

#9C4E0F

#CE842F

#E0C6AA

#F4F1EE

#0C0605

#9C4E0F

#CE842F

#E0C6AA

#F4F1EE

Colors overview

Orange

Black

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#0c0605	rgb(12, 6, 5)	hsl(8.6 41% 3.3%)	hwb(8.6 2% 95%)	lch(2 1.84 32.1)	lab(2 1.56 0.975)	cmyk 0%, 50%, 58%, 95%
	#9c4e0f	rgb(156, 78, 15)	hsl(27 82% 34%)	hwb(27 5.9% 39%)	lch(42.6 56.8 57.5)	lab(42.6 30.5 47.9)	cmyk 0%, 50%, 90%, 39%
	#ce842f	rgb(206, 132, 47)	hsl(32 63% 50%)	hwb(32 18% 19%)	lch(62 60.4 66.2)	lab(62 24.4 55.3)	cmyk 0%, 36%, 77%, 19%
	#e0c6aa	rgb(224, 198, 170)	hsl(31 47% 77%)	hwb(31 67% 12%)	lch(81.6 18.7 70.3)	lab(81.6 6.32 17.6)	cmyk 0%, 12%, 24%, 12%
	#f4f1ee	rgb(244, 241, 238)	hsl(30 21% 95%)	hwb(30 93% 4.3%)	lch(95.3 1.94 70.4)	lab(95.3 0.649 1.83)	cmyk 0%, 1%, 2%, 4%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#0C0605

AAA - 20.11



#9C4E0F

AA - 5.98



#CE842F

AA - 3.01



#E0C6AA

AA - 1.63



#F4F1EE

AA - 1.12



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(13.1% 0.011 0.007), oklab(51.1% 0.076 0.098), oklab(67.6% 0.056 0.12), oklab(84.1% 0.017 0.045), oklab(96% 0.002 0.005))

Fallback colors



background: linear-gradient(45deg, #0C0605, #9C4E0F, #CE842F, #E0C6AA, #F4F1EE)

Colors



<!-- Primary Colors -->
<color name="tiger_color_10">#0C0605</color>
<color name="tiger_color_20">#9C4E0F</color>
<color name="tiger_color_30">#CE842F</color>
<color name="tiger_color_40">#E0C6AA</color>
<color name="tiger_color_50">#F4F1EE</color>

PWA prompt