Davy

#524842

#A7867E

#F2E9E4

#A09181

Actions

Explore the palette in different formats, and actions.

Colors overview

White

Grey

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#524842	rgb(82, 72, 66)	hsl(22 11% 29%)	oklab(41% 0.01 0.01)	oklch(41% 0.02 53)	color(display-p3 0.32 0.28 0.26)
	#a7867e	rgb(167, 134, 126)	hsl(12 19% 57%)	oklab(65% 0.04 0.02)	oklch(65% 0.04 34)	color(display-p3 0.63 0.53 0.5)
	#f2e9e4	rgb(242, 233, 228)	hsl(21 35% 92%)	oklab(94% 0.01 0.01)	oklch(94% 0.01 51)	color(display-p3 0.94 0.91 0.9)
	#a09181	rgb(160, 145, 129)	hsl(31 14% 57%)	oklab(67% 0.01 0.03)	oklch(67% 0.03 69)	color(display-p3 0.62 0.57 0.51)

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

#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