#161E28
#D4AF37
#F2EAD3
#BDBDBD
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 | Actions |
---|---|---|---|---|---|---|---|
ī½ | #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.
PWA prompt