Davy

#524842

#A7867E

#F2E9E4

#A09181

Actions

Explore the palette in different formats, and actions.

Colors overview

White

Grey

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#524842	rgb(82, 72, 66)	hsl(22 11% 29%)	hwb(22 26% 68%)	lch(31.5 6.31 56.2)	lab(31.5 3.51 5.24)	cmyk 0%, 12%, 20%, 68%
	#a7867e	rgb(167, 134, 126)	hsl(12 19% 57%)	hwb(12 49% 35%)	lch(58.9 15.3 37.7)	lab(58.9 12.1 9.35)	cmyk 0%, 20%, 25%, 35%
	#f2e9e4	rgb(242, 233, 228)	hsl(21 35% 92%)	hwb(21 89% 5.1%)	lch(93 4.37 54.9)	lab(93 2.51 3.58)	cmyk 0%, 4%, 6%, 5%
	#a09181	rgb(160, 145, 129)	hsl(31 14% 57%)	hwb(31 51% 37%)	lch(61.2 11.3 70.5)	lab(61.2 3.77 10.7)	cmyk 0%, 9%, 19%, 37%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#524842

AAA - 8.88



#A7867E

AA - 3.3



#F2E9E4

AA - 1.19



#A09181

AA - 3.06



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(41% 0.01 0.013), oklab(64.9% 0.035 0.024), oklab(94% 0.007 0.009), oklab(66.5% 0.01 0.027))

Fallback colors



background: linear-gradient(45deg, #524842, #A7867E, #F2E9E4, #A09181)

Colors



<!-- Primary Colors -->
<color name="davy_color_10">#524842</color>
<color name="davy_color_20">#A7867E</color>
<color name="davy_color_30">#F2E9E4</color>
<color name="davy_color_40">#A09181</color>

PWA prompt