#01248E
#026ABF
#029CD7
#04C6DA
#6EE4F6
POOL
#01248E
#026ABF
#029CD7
#04C6DA
#6EE4F6
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Blue
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #01248e | rgb(1, 36, 142) | hsl(230 99% 28%) | oklab(33% -0.02 -0.18) | oklch(33% 0.18 260) | color(display-p3 0.04 0.14 0.53) | |
| #026abf | rgb(2, 106, 191) | hsl(210 98% 38%) | oklab(52% -0.05 -0.15) | oklch(52% 0.16 250) | color(display-p3 0.18 0.41 0.73) | |
| #029cd7 | rgb(2, 156, 215) | hsl(200 98% 43%) | oklab(65% -0.08 -0.11) | oklch(65% 0.14 230) | color(display-p3 0.27 0.6 0.82) | |
| #04c6da | rgb(4, 198, 218) | hsl(190 96% 44%) | oklab(76% -0.11 -0.06) | oklch(76% 0.13 210) | color(display-p3 0.35 0.76 0.84) | |
| #6ee4f6 | rgb(110, 228, 246) | hsl(190 88% 70%) | oklab(86% -0.1 -0.05) | oklch(86% 0.11 210) | color(display-p3 0.55 0.88 0.95) |
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.
#01248E
AAA - 12.77
#026ABF
AA - 5.5
#029CD7
AA - 3.11
#04C6DA
AA - 2.08
#6EE4F6
AA - 1.49
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