#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 | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #354a4d | rgb(53, 74, 77) | hsl(190 18% 25%) | hwb(190 21% 70%) | lch(29.8 9.09 210) | lab(29.8 -7.85 -4.59) | cmyk 31%, 4%, 0%, 70% | |
| #717f80 | rgb(113, 127, 128) | hsl(180 6.2% 47%) | hwb(180 44% 50%) | lch(52.1 5.7 205) | lab(52.1 -5.17 -2.39) | cmyk 12%, 1%, 0%, 50% | |
| #f5f0dc | rgb(245, 240, 220) | hsl(48 56% 91%) | hwb(48 86% 3.9%) | lch(94.8 10.4 94.1) | lab(94.8 -0.746 10.3) | cmyk 0%, 2%, 10%, 4% | |
| #f0fff8 | rgb(240, 255, 248) | hsl(150 100% 97%) | hwb(150 94% 0%) | lch(98.7 6.23 165) | lab(98.7 -6.02 1.57) | cmyk 6%, 0%, 3%, 0% | |
| #fa7298 | rgb(250, 114, 152) | hsl(340 93% 71%) | hwb(340 45% 2%) | lch(65.9 55.9 6.41) | lab(65.9 55.5 6.24) | cmyk 0%, 54%, 39%, 2% |
Click a color format to copy 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