Golden

#46310e

#714e17

#9b6c20

#c68928

#f0a731

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#46310e	rgb(70, 49, 14)	hsl(38 67% 16%)	hwb(38 5.5% 73%)	lch(22.3 26.2 74.7)	lab(22.3 6.91 25.2)	cmyk 0%, 30%, 80%, 73%
	#714e17	rgb(113, 78, 23)	hsl(37 66% 27%)	hwb(37 9% 56%)	lch(36.3 38.4 72.9)	lab(36.3 11.3 36.7)	cmyk 0%, 31%, 80%, 56%
	#9b6c20	rgb(155, 108, 32)	hsl(37 66% 37%)	hwb(37 13% 39%)	lch(49.7 49.5 73.2)	lab(49.7 14.3 47.4)	cmyk 0%, 30%, 79%, 39%
	#c68928	rgb(198, 137, 40)	hsl(37 66% 47%)	hwb(37 16% 22%)	lch(62.2 60.5 72.5)	lab(62.2 18.1 57.7)	cmyk 0%, 31%, 80%, 22%
	#f0a731	rgb(240, 167, 49)	hsl(37 86% 57%)	hwb(37 19% 5.9%)	lch(74.4 70.4 72.8)	lab(74.4 20.9 67.3)	cmyk 0%, 30%, 80%, 6%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#46310e

AAA - 12.3



#714e17

AAA - 7.48



#9b6c20

AA - 4.6



#c68928

AA - 2.99



#f0a731

AA - 2.04



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(33% 0.013 0.056), oklab(45.2% 0.023 0.08), oklab(56.7% 0.028 0.103), oklab(67.5% 0.036 0.124), oklab(78% 0.041 0.145))

Fallback colors



background: linear-gradient(45deg, #46310e, #714e17, #9b6c20, #c68928, #f0a731)

Colors



<!-- Primary Colors -->
<color name="golden_color_10">#46310e</color>
<color name="golden_color_20">#714e17</color>
<color name="golden_color_30">#9b6c20</color>
<color name="golden_color_40">#c68928</color>
<color name="golden_color_50">#f0a731</color>

PWA prompt