#3C4063
#9BA2A8
#C4CED4
#FFFFFF
Steel
#3C4063
#9BA2A8
#C4CED4
#FFFFFF
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Blue
ī½Grey
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #3c4063 | rgb(60, 64, 99) | hsl(230 25% 31%) | oklab(38% 0.01 -0.06) | oklch(38% 0.06 280) | color(display-p3 0.24 0.25 0.38) | |
ī½ | #9ba2a8 | rgb(155, 162, 168) | hsl(210 7% 63%) | oklab(71% -0.01 -0.01) | oklch(71% 0.01 240) | color(display-p3 0.61 0.63 0.66) | |
ī½ | #c4ced4 | rgb(196, 206, 212) | hsl(200 16% 80%) | oklab(85% -0.01 -0.01) | oklch(85% 0.01 230) | color(display-p3 0.78 0.81 0.83) | |
ī½ | #ffffff | rgb(255, 255, 255) | hsl(none 0% 100%) | oklab(100% 0 0) | oklch(100% 0 none) | color(display-p3 1 1 1) |
ī 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.
#3C4063
AAA - 9.97
ī
#9BA2A8
AA - 2.58
ī
#C4CED4
AA - 1.59
ī
#FFFFFF
AA - 1
ī
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