#D2DAF5
#AECDF7
#5B85C8
#39455B
#1F3051
Snow Mountain
#D2DAF5
#AECDF7
#5B85C8
#39455B
#1F3051
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
White
Blue
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #d2daf5 | rgb(210, 218, 245) | hsl(230 64% 89%) | hwb(230 82% 3.9%) | lch(87.1 14.3 275) | lab(87.1 1.18 -14.2) | cmyk 14%, 11%, 0%, 4% | |
| #aecdf7 | rgb(174, 205, 247) | hsl(210 82% 83%) | hwb(210 68% 3.1%) | lch(81.2 24.6 262) | lab(81.2 -3.58 -24.4) | cmyk 30%, 17%, 0%, 3% | |
| #5b85c8 | rgb(91, 133, 200) | hsl(220 50% 57%) | hwb(220 36% 22%) | lch(54.7 39.9 270) | lab(54.7 0.114 -39.9) | cmyk 54%, 34%, 0%, 22% | |
| #39455b | rgb(57, 69, 91) | hsl(220 23% 29%) | hwb(220 22% 64%) | lch(28.9 14.8 269) | lab(28.9 -0.349 -14.8) | cmyk 37%, 24%, 0%, 64% | |
| #1f3051 | rgb(31, 48, 81) | hsl(220 45% 22%) | hwb(220 12% 68%) | lch(19.7 22.8 274) | lab(19.7 1.71 -22.7) | cmyk 62%, 41%, 0%, 68% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#D2DAF5
AA - 1.39
#AECDF7
AA - 1.63
#5B85C8
AA - 3.72
#39455B
AAA - 9.64
#1F3051
AAA - 13.12
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