#252557
#0579A6
#003E59
#017069
#EFF4CC
CORPORATE
#252557
#0579A6
#003E59
#017069
#EFF4CC
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #252557 | rgb(37, 37, 87) | hsl(240 40% 24%) | oklab(30% 0.01 -0.09) | oklch(30% 0.09 280) | color(display-p3 0.15 0.15 0.33) | |
| #0579a6 | rgb(5, 121, 166) | hsl(200 94% 34%) | oklab(54% -0.07 -0.09) | oklch(54% 0.11 230) | color(display-p3 0.21 0.47 0.64) | |
| #003e59 | rgb(0, 62, 89) | hsl(200 100% 17%) | oklab(34% -0.04 -0.06) | oklch(34% 0.07 240) | color(display-p3 0.09 0.24 0.34) | |
| #017069 | rgb(1, 112, 105) | hsl(180 98% 22%) | oklab(49% -0.08 -0.01) | oklch(49% 0.09 190) | color(display-p3 0.19 0.43 0.41) | |
| #eff4cc | rgb(239, 244, 204) | hsl(68 65% 88%) | oklab(95% -0.02 0.05) | oklch(95% 0.05 110) | color(display-p3 0.94 0.96 0.82) |
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.
#252557
AAA - 14.18
#0579A6
AA - 4.89
#003E59
AAA - 11.45
#017069
AA - 5.96
#EFF4CC
AA - 1.13
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