Wheat

#EED8AE

#CBB48C

#92877D

#6B625D

Actions

Explore the palette in different formats, and actions.

Colors overview

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#eed8ae	rgb(238, 216, 174)	hsl(39 65% 81%)	oklab(89% 0.01 0.06)	oklch(89% 0.06 83)	color(display-p3 0.92 0.85 0.7)
	#cbb48c	rgb(203, 180, 140)	hsl(38 38% 67%)	oklab(78% 0.01 0.06)	oklch(78% 0.06 81)	color(display-p3 0.78 0.71 0.57)
	#92877d	rgb(146, 135, 125)	hsl(29 8.8% 53%)	oklab(63% 0.01 0.02)	oklch(63% 0.02 65)	color(display-p3 0.57 0.53 0.49)
	#6b625d	rgb(107, 98, 93)	hsl(21 7% 39%)	oklab(50% 0.01 0.01)	oklch(50% 0.01 51)	color(display-p3 0.41 0.39 0.37)

 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.

#EED8AE

AA - 1.39



#CBB48C

AA - 2.01



#92877D

AA - 3.5



#6B625D

AA - 5.94



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(89% 0.007 0.06), oklab(78% 0.009 0.059), oklab(63% 0.008 0.018), oklab(50.3% 0.009 0.011))

Fallback colors



background: linear-gradient(45deg, #EED8AE, #CBB48C, #92877D, #6B625D)

Colors



<!-- Primary Colors -->
<color name="wheat_color_10">#EED8AE</color>
<color name="wheat_color_20">#CBB48C</color>
<color name="wheat_color_30">#92877D</color>
<color name="wheat_color_40">#6B625D</color>

PWA prompt