#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 | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #161e28 | rgb(22, 30, 40) | hsl(210 29% 12%) | hwb(210 8.6% 84%) | lch(10.8 8.15 261) | lab(10.8 -1.31 -8.05) | cmyk 45%, 25%, 0%, 84% | |
| #d4af37 | rgb(212, 175, 55) | hsl(46 65% 52%) | hwb(46 22% 17%) | lch(73.3 63 85.3) | lab(73.3 5.13 62.8) | cmyk 0%, 17%, 74%, 17% | |
| #f2ead3 | rgb(242, 234, 211) | hsl(45 54% 89%) | hwb(45 83% 5.1%) | lch(92.9 12.2 90.1) | lab(92.9 -0.014 12.2) | cmyk 0%, 3%, 13%, 5% | |
| #bdbdbd | rgb(189, 189, 189) | hsl(none 0% 74%) | hwb(none 74% 26%) | lch(76.6 0 none) | lab(76.6 0 0) | cmyk 0%, 0%, 0%, 26% |
Click a color format to copy 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