Explore

#876423

#D6AD60

#f1f7e3

#cabbec

#9c80db

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Purple

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#876423	rgb(135, 100, 35)	hsl(39 59% 33%)	hwb(39 14% 47%)	lch(45.1 42 76.7)	lab(45.1 9.65 40.8)	cmyk 0%, 26%, 74%, 47%
	#d6ad60	rgb(214, 173, 96)	hsl(39 59% 61%)	hwb(39 38% 16%)	lch(73.3 45.9 78.9)	lab(73.3 8.81 45)	cmyk 0%, 19%, 55%, 16%
	#f1f7e3	rgb(241, 247, 227)	hsl(78 56% 93%)	hwb(78 89% 3.1%)	lch(96.4 10.1 117)	lab(96.4 -4.63 8.93)	cmyk 2%, 0%, 8%, 3%
	#cabbec	rgb(202, 187, 236)	hsl(260 56% 83%)	hwb(260 73% 7.5%)	lch(78.4 25.8 299)	lab(78.4 12.6 -22.5)	cmyk 14%, 21%, 0%, 7%
	#9c80db	rgb(156, 128, 219)	hsl(260 56% 68%)	hwb(260 50% 14%)	lch(59.1 50.3 301)	lab(59.1 25.7 -43.2)	cmyk 29%, 42%, 0%, 14%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#876423

AA - 5.41



#D6AD60

AA - 2.09



#f1f7e3

AA - 1.09



#cabbec

AA - 1.77



#9c80db

AA - 3.21



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(52.7% 0.017 0.091), oklab(76.9% 0.015 0.106), oklab(96.6% -0.014 0.023), oklab(82.1% 0.034 -0.061), oklab(66.3% 0.06 -0.12))

Fallback colors



background: linear-gradient(45deg, #876423, #D6AD60, #f1f7e3, #cabbec, #9c80db)

Colors



<!-- Primary Colors -->
<color name="explore_color_10">#876423</color>
<color name="explore_color_20">#D6AD60</color>
<color name="explore_color_30">#f1f7e3</color>
<color name="explore_color_40">#cabbec</color>
<color name="explore_color_50">#9c80db</color>

PWA prompt