Crocodile

#181a0f

#595d38

#8c935d

#9d904c

#d0c78c

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#181a0f	rgb(24, 26, 15)	hsl(71 27% 8%)	oklab(21% -0.01 0.02)	oklch(21% 0.02 120)	color(display-p3 0.1 0.1 0.06)
	#595d38	rgb(89, 93, 56)	hsl(66 25% 29%)	oklab(46% -0.02 0.05)	oklch(46% 0.06 110)	color(display-p3 0.35 0.36 0.24)
	#8c935d	rgb(140, 147, 93)	hsl(68 22% 47%)	oklab(64% -0.03 0.07)	oklch(64% 0.08 110)	color(display-p3 0.55 0.58 0.39)
	#9d904c	rgb(157, 144, 76)	hsl(50 35% 46%)	oklab(65% -0.01 0.09)	oklch(65% 0.09 99)	color(display-p3 0.61 0.57 0.33)
	#d0c78c	rgb(208, 199, 140)	hsl(52 42% 68%)	oklab(82% -0.01 0.08)	oklch(82% 0.08 100)	color(display-p3 0.81 0.78 0.58)

 Click on a color value to copy it 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 color space

HDR oklab colors



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



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

Colors



<!-- Primary Colors -->
<color name="crocodile_color_10">#181a0f</color>
<color name="crocodile_color_20">#595d38</color>
<color name="crocodile_color_30">#8c935d</color>
<color name="crocodile_color_40">#9d904c</color>
<color name="crocodile_color_50">#d0c78c</color>

PWA prompt