Wing

#161E28

#D4AF37

#F2EAD3

#BDBDBD

Actions

Explore the palette in different formats, and actions.

Colors overview

Yellow

White

Black

Grey

Color	HEX	RGB	HSL	OKLAB HDR	OKLCH HDR	P3 HDR
	#161e28	rgb(22, 30, 40)	hsl(210 29% 12%)	oklab(23% -0.01 -0.02)	oklch(23% 0.02 250)	color(display-p3 0.09 0.12 0.15)
	#d4af37	rgb(212, 175, 55)	hsl(46 65% 52%)	oklab(77% 0 0.14)	oklch(77% 0.14 91)	color(display-p3 0.81 0.69 0.31)
	#f2ead3	rgb(242, 234, 211)	hsl(45 54% 89%)	oklab(94% 0 0.03)	oklch(94% 0.03 91)	color(display-p3 0.94 0.92 0.84)
	#bdbdbd	rgb(189, 189, 189)	hsl(none 0% 74%)	oklab(80% 0 0)	oklch(80% 0 none)	color(display-p3 0.74 0.74 0.74)

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

#161E28

AAA - 16.79



#D4AF37

AA - 2.1



#F2EAD3

AA - 1.2



#BDBDBD

AA - 1.87



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(23.2% -0.006 -0.022), oklab(76.7% -0.003 0.139), oklab(93.7% -0.001 0.032), oklab(79.8% 0 0))

Fallback colors



background: linear-gradient(45deg, #161E28, #D4AF37, #F2EAD3, #BDBDBD)

Colors



<!-- Primary Colors -->
<color name="wing_color_10">#161E28</color>
<color name="wing_color_20">#D4AF37</color>
<color name="wing_color_30">#F2EAD3</color>
<color name="wing_color_40">#BDBDBD</color>

PWA prompt