#5fe7f3
#83ebf5
#a0f0f7
#baf4f9
#d2f8fb
#e9fbfd
Iced
#5fe7f3
#83ebf5
#a0f0f7
#baf4f9
#d2f8fb
#e9fbfd
Actions
Explore the palette in different formats, and actions.
Colors overview
Cyan
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #5fe7f3 | rgb(95, 231, 243) | hsl(180 86% 66%) | oklab(86% -0.11 -0.05) | oklch(86% 0.12 200) | color(display-p3 0.52 0.89 0.94) | |
| #83ebf5 | rgb(131, 235, 245) | hsl(190 85% 74%) | oklab(88% -0.09 -0.04) | oklch(88% 0.1 200) | color(display-p3 0.61 0.91 0.95) | |
| #a0f0f7 | rgb(160, 240, 247) | hsl(180 84% 80%) | oklab(91% -0.07 -0.03) | oklch(91% 0.08 200) | color(display-p3 0.7 0.93 0.96) | |
| #baf4f9 | rgb(186, 244, 249) | hsl(180 84% 85%) | oklab(93% -0.05 -0.02) | oklch(93% 0.06 200) | color(display-p3 0.78 0.95 0.97) | |
| #d2f8fb | rgb(210, 248, 251) | hsl(180 84% 90%) | oklab(95% -0.04 -0.01) | oklch(95% 0.04 200) | color(display-p3 0.85 0.97 0.98) | |
| #e9fbfd | rgb(233, 251, 253) | hsl(190 83% 95%) | oklab(98% -0.02 -0.01) | oklch(98% 0.02 200) | color(display-p3 0.93 0.98 0.99) |
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.
#5fe7f3
AA - 1.47
#83ebf5
AA - 1.38
#a0f0f7
AA - 1.28
#baf4f9
AA - 1.2
#d2f8fb
AA - 1.13
#e9fbfd
AA - 1.06
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