#2B4873
#789AC1
#96B7DB
#BCDEF0
#F3F4F5
ICE
#2B4873
#789AC1
#96B7DB
#BCDEF0
#F3F4F5
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Grey
ī½White
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #2b4873 | rgb(43, 72, 115) | hsl(220 46% 31%) | oklab(40% -0.02 -0.08) | oklch(40% 0.08 260) | color(display-p3 0.19 0.28 0.44) | |
ī½ | #789ac1 | rgb(120, 154, 193) | hsl(210 37% 61%) | oklab(68% -0.02 -0.07) | oklch(68% 0.07 250) | color(display-p3 0.5 0.6 0.74) | |
ī½ | #96b7db | rgb(150, 183, 219) | hsl(210 49% 72%) | oklab(77% -0.02 -0.06) | oklch(77% 0.06 250) | color(display-p3 0.61 0.71 0.85) | |
ī½ | #bcdef0 | rgb(188, 222, 240) | hsl(200 63% 84%) | oklab(88% -0.03 -0.03) | oklch(88% 0.04 230) | color(display-p3 0.76 0.87 0.93) | |
ī½ | #f3f4f5 | rgb(243, 244, 245) | hsl(210 9.1% 96%) | oklab(97% 0 0) | oklch(97% 0 250) | color(display-p3 0.95 0.96 0.96) |
ī 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.
#2B4873
AAA - 9.22
ī
#789AC1
AA - 2.92
ī
#96B7DB
AA - 2.08
ī
#BCDEF0
AA - 1.41
ī
#F3F4F5
AA - 1.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