#3D4949
#75D3EC
#275287
#E6E6E6
#36AEE0
X
#3D4949
#75D3EC
#275287
#E6E6E6
#36AEE0
Actions
Explore the palette in different formats, and actions.
Colors overview
Black
Cyan
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #3d4949 | rgb(61, 73, 73) | hsl(180 9% 26%) | oklab(39% -0.01 0) | oklch(39% 0.02 200) | color(display-p3 0.25 0.28 0.29) | |
| | #75d3ec | rgb(117, 211, 236) | hsl(190 76% 69%) | oklab(82% -0.08 -0.06) | oklch(82% 0.1 220) | color(display-p3 0.55 0.82 0.91) | |
| | #275287 | rgb(39, 82, 135) | hsl(210 55% 34%) | oklab(44% -0.03 -0.1) | oklch(44% 0.1 250) | color(display-p3 0.2 0.32 0.51) | |
| | #e6e6e6 | rgb(230, 230, 230) | hsl(none 0% 90%) | oklab(92% 0 0) | oklch(92% 0 none) | color(display-p3 0.9 0.9 0.9) | |
| | #36aee0 | rgb(54, 174, 224) | hsl(200 73% 55%) | oklab(71% -0.08 -0.1) | oklch(71% 0.13 230) | color(display-p3 0.36 0.67 0.86) |
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.
#3D4949
AAA - 9.34
#75D3EC
AA - 1.7
#275287
AAA - 7.94
#E6E6E6
AA - 1.24
#36AEE0
AA - 2.53
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