#D0E3F9
#9FB9CB
#617C8C
#2D404E
#0E1B21
Frost
#D0E3F9
#9FB9CB
#617C8C
#2D404E
#0E1B21
Actions
Explore the palette in different formats, and actions.
Colors overview
Cyan
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #d0e3f9 | rgb(208, 227, 249) | hsl(210 77% 90%) | oklab(91% -0.01 -0.03) | oklch(91% 0.04 250) | color(display-p3 0.83 0.89 0.97) | |
| #9fb9cb | rgb(159, 185, 203) | hsl(200 30% 71%) | oklab(77% -0.02 -0.03) | oklch(77% 0.04 240) | color(display-p3 0.64 0.72 0.79) | |
| #617c8c | rgb(97, 124, 140) | hsl(200 18% 46%) | oklab(57% -0.02 -0.03) | oklch(57% 0.04 230) | color(display-p3 0.4 0.48 0.54) | |
| #2d404e | rgb(45, 64, 78) | hsl(210 27% 24%) | oklab(36% -0.02 -0.03) | oklch(36% 0.03 240) | color(display-p3 0.19 0.25 0.3) | |
| #0e1b21 | rgb(14, 27, 33) | hsl(200 40% 9.2%) | oklab(21% -0.01 -0.02) | oklch(21% 0.02 230) | color(display-p3 0.07 0.1 0.13) |
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.
#D0E3F9
AA - 1.3
#9FB9CB
AA - 2.04
#617C8C
AA - 4.4
#2D404E
AAA - 10.74
#0E1B21
AAA - 17.53
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