#2ABEC6
#36CFBE
#5EDEAD
#8EEA97
#C2F381
Peppermint
#2ABEC6
#36CFBE
#5EDEAD
#8EEA97
#C2F381
Actions
Explore the palette in different formats, and actions.
Colors overview
ī½Cyan
ī½Green
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
ī½ | #2abec6 | rgb(42, 190, 198) | hsl(180 65% 47%) | oklab(73% -0.11 -0.04) | oklch(73% 0.12 200) | color(display-p3 0.37 0.73 0.77) | |
ī½ | #36cfbe | rgb(54, 207, 190) | hsl(170 61% 51%) | oklab(77% -0.13 -0.01) | oklch(77% 0.13 180) | color(display-p3 0.41 0.8 0.74) | |
ī½ | #5edead | rgb(94, 222, 173) | hsl(160 66% 62%) | oklab(82% -0.13 0.03) | oklch(82% 0.13 170) | color(display-p3 0.51 0.86 0.69) | |
ī½ | #8eea97 | rgb(142, 234, 151) | hsl(130 69% 74%) | oklab(86% -0.12 0.08) | oklch(86% 0.14 150) | color(display-p3 0.64 0.91 0.62) | |
ī½ | #c2f381 | rgb(194, 243, 129) | hsl(86 83% 73%) | oklab(91% -0.09 0.12) | oklch(91% 0.15 130) | color(display-p3 0.8 0.95 0.56) |
ī 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.
#2ABEC6
AA - 2.26
ī
#36CFBE
AA - 1.93
ī
#5EDEAD
AA - 1.67
ī
#8EEA97
AA - 1.46
ī
#C2F381
AA - 1.27
ī
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