Golden Wyvern

#5e3b09

#8b6c42

#b8860b

#ffd700

#fffacd

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Brown

Color	HEX	RGB	HSL	HWB	LCH	LAB	CMYK
	#5e3b09	rgb(94, 59, 9)	hsl(35 83% 20%)	hwb(35 3.5% 63%)	lch(28.5 36.8 69.6)	lab(28.5 12.8 34.5)	cmyk 0%, 37%, 90%, 63%
	#8b6c42	rgb(139, 108, 66)	hsl(35 36% 40%)	hwb(35 26% 45%)	lch(48 29.6 72.9)	lab(48 8.73 28.3)	cmyk 0%, 22%, 53%, 45%
	#b8860b	rgb(184, 134, 11)	hsl(43 89% 38%)	hwb(43 4.3% 28%)	lch(59.7 64 78.2)	lab(59.7 13.1 62.6)	cmyk 0%, 27%, 94%, 28%
	#ffd700	rgb(255, 215, 0)	hsl(51 100% 50%)	hwb(51 0% 0%)	lch(87.5 86.6 88.1)	lab(87.5 2.91 86.6)	cmyk 0%, 16%, 100%, 0%
	#fffacd	rgb(255, 250, 205)	hsl(54 100% 90%)	hwb(54 80% 0%)	lch(97.8 22.6 99)	lab(97.8 -3.52 22.3)	cmyk 0%, 2%, 20%, 0%

 Click a color format to copy to your clipboard.

Contrast ratios checker

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

#5e3b09

AAA - 9.97



#8b6c42

AA - 4.85



#b8860b

AA - 3.25



#ffd700

AA - 1.4



#fffacd

AA - 1.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(38.5% 0.027 0.073), oklab(55.2% 0.02 0.068), oklab(65.2% 0.019 0.131), oklab(88.7% -0.017 0.181), oklab(97.8% -0.012 0.057))

Fallback colors



background: linear-gradient(45deg, #5e3b09, #8b6c42, #b8860b, #ffd700, #fffacd)

Colors



<!-- Primary Colors -->
<color name="golden_wyvern_color_10">#5e3b09</color>
<color name="golden_wyvern_color_20">#8b6c42</color>
<color name="golden_wyvern_color_30">#b8860b</color>
<color name="golden_wyvern_color_40">#ffd700</color>
<color name="golden_wyvern_color_50">#fffacd</color>

PWA prompt