Ground

#2b1e23

#36272b

#60464c

#8b646e

#e0a2b2

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#2b1e23	rgb(43, 30, 35)	hsl(340 18% 14%)	hwb(340 12% 83%)	lch(13 7.33 354)	lab(13 7.28 -0.816)	cmyk 0%, 30%, 19%, 83%
	#36272b	rgb(54, 39, 43)	hsl(340 16% 18%)	hwb(340 15% 79%)	lch(17.6 7.84 1.75)	lab(17.6 7.84 0.239)	cmyk 0%, 28%, 20%, 79%
	#60464c	rgb(96, 70, 76)	hsl(350 16% 33%)	hwb(350 27% 62%)	lch(32.8 12.3 4.6)	lab(32.8 12.3 0.986)	cmyk 0%, 27%, 21%, 62%
	#8b646e	rgb(139, 100, 110)	hsl(340 16% 47%)	hwb(340 39% 45%)	lch(46.7 17.4 2.99)	lab(46.7 17.4 0.909)	cmyk 0%, 28%, 21%, 45%
	#e0a2b2	rgb(224, 162, 178)	hsl(340 50% 76%)	hwb(340 64% 12%)	lch(73 25.4 2.95)	lab(73 25.3 1.31)	cmyk 0%, 28%, 21%, 12%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#2b1e23

AAA - 15.99



#36272b

AAA - 14.17



#60464c

AAA - 8.47



#8b646e

AA - 5.06



#e0a2b2

AA - 2.1



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(25.3% 0.022 -0.002), oklab(29.2% 0.023 0), oklab(42.4% 0.037 0.002), oklab(54.6% 0.052 0.002), oklab(77.5% 0.076 0.003))

Fallback colors



background: linear-gradient(45deg, #2b1e23, #36272b, #60464c, #8b646e, #e0a2b2)

Colors



<!-- Primary Colors -->
<color name="ground_color_10">#2b1e23</color>
<color name="ground_color_20">#36272b</color>
<color name="ground_color_30">#60464c</color>
<color name="ground_color_40">#8b646e</color>
<color name="ground_color_50">#e0a2b2</color>

PWA prompt