#E6F1F5
#D4E2E5
#A6B9C1
#7997B0
#003366
Cobalt
#E6F1F5
#D4E2E5
#A6B9C1
#7997B0
#003366
Actions
Explore the palette in different formats, and actions.
Colors overview
White
Blue
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #e6f1f5 | rgb(230, 241, 245) | hsl(200 43% 93%) | oklab(95% -0.01 -0.01) | oklch(95% 0.01 220) | color(display-p3 0.91 0.94 0.96) | |
| #d4e2e5 | rgb(212, 226, 229) | hsl(190 25% 86%) | oklab(90% -0.01 -0.01) | oklch(90% 0.02 210) | color(display-p3 0.84 0.88 0.9) | |
| #a6b9c1 | rgb(166, 185, 193) | hsl(200 18% 70%) | oklab(77% -0.02 -0.02) | oklch(77% 0.02 220) | color(display-p3 0.67 0.72 0.75) | |
| #7997b0 | rgb(121, 151, 176) | hsl(210 26% 58%) | oklab(66% -0.02 -0.05) | oklch(66% 0.05 240) | color(display-p3 0.5 0.59 0.68) | |
| #003366 | rgb(0, 51, 102) | hsl(210 100% 20%) | oklab(32% -0.03 -0.1) | oklch(32% 0.1 250) | color(display-p3 0.07 0.2 0.39) |
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.
#E6F1F5
AA - 1.14
#D4E2E5
AA - 1.32
#A6B9C1
AA - 2.03
#7997B0
AA - 3.05
#003366
AAA - 12.6
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