#708090
#97A8A8
#F5F5DC
#D3D3D3
Pearl
#708090
#97A8A8
#F5F5DC
#D3D3D3
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Grey
Yellow
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #708090 | rgb(112, 128, 144) | hsl(210 13% 50%) | oklab(59% -0.01 -0.03) | oklch(59% 0.03 250) | color(display-p3 0.45 0.5 0.56) | |
| #97a8a8 | rgb(151, 168, 168) | hsl(180 8.9% 63%) | oklab(72% -0.02 -0.01) | oklch(72% 0.02 200) | color(display-p3 0.6 0.66 0.66) | |
| #f5f5dc | rgb(245, 245, 220) | hsl(60 56% 91%) | oklab(96% -0.01 0.03) | oklch(96% 0.03 110) | color(display-p3 0.96 0.96 0.87) | |
| #d3d3d3 | rgb(211, 211, 211) | hsl(none 0% 83%) | oklab(87% 0 0) | oklch(87% 0 none) | color(display-p3 0.83 0.83 0.83) |
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.
#708090
AA - 4.05
#97A8A8
AA - 2.47
#F5F5DC
AA - 1.1
#D3D3D3
AA - 1.49
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