#2E4053
#536878
#89A9B4
#A9D1DB
#D0E2E8
Winter
#2E4053
#536878
#89A9B4
#A9D1DB
#D0E2E8
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Cyan
Grey
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #2e4053 | rgb(46, 64, 83) | hsl(210 29% 25%) | hwb(210 18% 67%) | lch(26.2 14.3 258) | lab(26.2 -3.09 -13.9) | cmyk 45%, 23%, 0%, 67% | |
| #536878 | rgb(83, 104, 120) | hsl(210 18% 40%) | hwb(210 33% 53%) | lch(42.7 12.7 247) | lab(42.7 -5.04 -11.7) | cmyk 31%, 13%, 0%, 53% | |
| #89a9b4 | rgb(137, 169, 180) | hsl(200 22% 62%) | hwb(200 54% 29%) | lch(67.1 13.4 225) | lab(67.1 -9.48 -9.51) | cmyk 24%, 6%, 0%, 29% | |
| #a9d1db | rgb(169, 209, 219) | hsl(190 41% 76%) | hwb(190 66% 14%) | lch(81.2 15.3 219) | lab(81.2 -12 -9.56) | cmyk 23%, 5%, 0%, 14% | |
| #d0e2e8 | rgb(208, 226, 232) | hsl(200 34% 86%) | hwb(200 82% 9%) | lch(88.7 7.38 224) | lab(88.7 -5.33 -5.1) | cmyk 10%, 3%, 0%, 9% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#2E4053
AAA - 10.63
#536878
AA - 5.8
#89A9B4
AA - 2.5
#A9D1DB
AA - 1.63
#D0E2E8
AA - 1.33
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