Golden Wyvern

#5e3b09

#8b6c42

#b8860b

#ffd700

#fffacd

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

Brown

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#5e3b09	rgb(94, 59, 9)	hsl(35 83% 20%)	oklab(39% 0.03 0.07)	oklch(39% 0.08 70)	color(display-p3 0.35 0.24 0.08)
	#8b6c42	rgb(139, 108, 66)	hsl(35 36% 40%)	oklab(55% 0.02 0.07)	oklch(55% 0.07 74)	color(display-p3 0.53 0.43 0.28)
	#b8860b	rgb(184, 134, 11)	hsl(43 89% 38%)	oklab(65% 0.02 0.13)	oklch(65% 0.13 82)	color(display-p3 0.69 0.53 0.18)
	#ffd700	rgb(255, 215, 0)	hsl(51 100% 50%)	oklab(89% -0.02 0.18)	oklch(89% 0.18 95)	color(display-p3 0.97 0.85 0.29)
	#fffacd	rgb(255, 250, 205)	hsl(54 100% 90%)	oklab(98% -0.01 0.06)	oklch(98% 0.06 100)	color(display-p3 1 0.98 0.82)

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

#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