#0c66a6
#4ca0d4
#cfeffa
#fa8557
#071657
Startup
#0c66a6
#4ca0d4
#cfeffa
#fa8557
#071657
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Orange
Cyan
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #0c66a6 | rgb(12, 102, 166) | hsl(200 87% 35%) | oklab(50% -0.05 -0.12) | oklch(50% 0.13 250) | color(display-p3 0.18 0.39 0.63) | |
| #4ca0d4 | rgb(76, 160, 212) | hsl(200 61% 56%) | oklab(68% -0.06 -0.1) | oklch(68% 0.11 240) | color(display-p3 0.38 0.62 0.81) | |
| #cfeffa | rgb(207, 239, 250) | hsl(200 81% 90%) | oklab(93% -0.03 -0.02) | oklch(93% 0.04 220) | color(display-p3 0.84 0.93 0.97) | |
| #fa8557 | rgb(250, 133, 87) | hsl(17 94% 66%) | oklab(74% 0.12 0.1) | oklch(74% 0.16 42) | color(display-p3 0.92 0.55 0.38) | |
| #071657 | rgb(7, 22, 87) | hsl(230 85% 18%) | oklab(24% -0.01 -0.12) | oklch(24% 0.12 270) | color(display-p3 0.04 0.08 0.33) |
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.
#0c66a6
AA - 6.05
#4ca0d4
AA - 2.88
#cfeffa
AA - 1.2
#fa8557
AA - 2.45
#071657
AAA - 16.64
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