Crocodile Color Palette

#181a0f

#595d38

#8c935d

#9d904c

#d0c78c

#181a0f

#595d38

#8c935d

#9d904c

#d0c78c

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#181a0f	rgb(24, 26, 15)	hsl(71 27% 8%)	hwb(71 5.9% 90%)	lch(8.76 7.13 114)	lab(8.76 -2.86 6.54)	cmyk 8%, 0%, 42%, 90%
	#595d38	rgb(89, 93, 56)	hsl(66 25% 29%)	hwb(66 22% 64%)	lch(38.4 21.7 107)	lab(38.4 -6.49 20.7)	cmyk 4%, 0%, 40%, 64%
	#8c935d	rgb(140, 147, 93)	hsl(68 22% 47%)	hwb(68 36% 42%)	lch(59.4 29.2 108)	lab(59.4 -9.26 27.7)	cmyk 5%, 0%, 37%, 42%
	#9d904c	rgb(157, 144, 76)	hsl(50 35% 46%)	hwb(50 30% 38%)	lch(59.8 37.6 92.8)	lab(59.8 -1.86 37.6)	cmyk 0%, 8%, 52%, 38%
	#d0c78c	rgb(208, 199, 140)	hsl(52 42% 68%)	hwb(52 55% 18%)	lch(79.9 31 96.1)	lab(79.9 -3.29 30.8)	cmyk 0%, 4%, 33%, 18%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#181a0f

AAA - 17.59



#595d38

AA - 6.89



#8c935d

AA - 3.25



#9d904c

AA - 3.21



#d0c78c

AA - 1.71



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 space

HDR oklab colors New



background: linear-gradient(45deg, oklab(21.2% -0.009 0.019), oklab(46.5% -0.022 0.051), oklab(64.4% -0.031 0.068), oklab(65% -0.014 0.089), oklab(82.3% -0.014 0.077))

Fallback colors New



background: linear-gradient(45deg, #181a0f, #595d38, #8c935d, #9d904c, #d0c78c)

Colors



<resources>
    <color name="crocodile_100">#181a0f</color>
    <color name="crocodile_200">#595d38</color>
    <color name="crocodile_300">#8c935d</color>
    <color name="crocodile_400">#9d904c</color>
    <color name="crocodile_500">#d0c78c</color>
</resources>

PWA prompt