#354a4d
#717f80
#f5f0dc
#f0fff8
#fa7298
Orca
#354a4d
#717f80
#f5f0dc
#f0fff8
#fa7298
Actions
Explore the palette in different formats, and actions.
Colors overview
Black
White
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #354a4d | rgb(53, 74, 77) | hsl(190 18% 25%) | oklab(39% -0.02 -0.01) | oklch(39% 0.03 210) | color(display-p3 0.23 0.29 0.3) | |
| #717f80 | rgb(113, 127, 128) | hsl(180 6.2% 47%) | oklab(59% -0.02 -0.01) | oklch(59% 0.02 200) | color(display-p3 0.45 0.5 0.5) | |
| #f5f0dc | rgb(245, 240, 220) | hsl(48 56% 91%) | oklab(95% 0 0.03) | oklch(95% 0.03 95) | color(display-p3 0.96 0.94 0.87) | |
| #f0fff8 | rgb(240, 255, 248) | hsl(150 100% 97%) | oklab(99% -0.02 0) | oklch(99% 0.02 170) | color(display-p3 0.95 1 0.97) | |
| #fa7298 | rgb(250, 114, 152) | hsl(340 93% 71%) | oklab(72% 0.17 0.01) | oklch(72% 0.17 4.8) | color(display-p3 0.91 0.48 0.6) |
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.
#354a4d
AAA - 9.38
#717f80
AA - 4.15
#f5f0dc
AA - 1.14
#f0fff8
AA - 1.03
#fa7298
AA - 2.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