#2ABEC6
#36CFBE
#5EDEAD
#8EEA97
#C2F381
Color Palette
Peppermint
by Colorffy Team
About
Cyan
Green
Main Actions
#2ABEC6
#36CFBE
#5EDEAD
#8EEA97
#C2F381
Quick actions
Explore the palette in different formats, and quick actions.
Colors overview
Comprehensive color information and conversions.
| Color | HEX | RGB | HWB | OKLAB | OKLCH | P3 | Actions |
|---|---|---|---|---|---|---|---|
| | #2abec6 | rgb(16.5% 74.5% 77.6%) | hwb(180 16% 22%) | oklab(73.2% -0.109 -0.041) | oklch(73.2% 0.117 201) | color(display-p3 0.366 0.734 0.769) | |
| | #36cfbe | rgb(21.2% 81.2% 74.5%) | hwb(170 21% 19%) | oklab(77.3% -0.125 -0.008) | oklch(77.3% 0.126 184) | color(display-p3 0.412 0.8 0.745) | |
| | #5edead | rgb(36.9% 87.1% 67.8%) | hwb(160 37% 13%) | oklab(81.6% -0.13 0.035) | oklch(81.6% 0.134 165) | color(display-p3 0.508 0.86 0.691) | |
| | #8eea97 | rgb(55.7% 91.8% 59.2%) | hwb(130 56% 8.2%) | oklab(85.9% -0.12 0.08) | oklch(85.9% 0.144 146) | color(display-p3 0.641 0.909 0.623) | |
| | #c2f381 | rgb(76.1% 95.3% 50.6%) | hwb(86 51% 4.7%) | oklab(90.5% -0.094 0.119) | oklch(90.5% 0.152 128) | color(display-p3 0.799 0.947 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.
Contrast Checker Explanations
Live APCA (WCAG 3 draft) and WCAG 2.1 contrast calculations comparing selected text color against surface colors.
Body Pass
Lc ≥ 60 · ≥ 4.5:1
Large Pass
Lc ≥ 45 · ≥ 3.0:1
Fail
Below thresholds
#2ABEC6
Fail - 2.26
Lc -49
#36CFBE
Fail - 1.93
Lc -41
#5EDEAD
Fail - 1.67
Lc -33
#8EEA97
Fail - 1.46
Lc -25
#C2F381
Fail - 1.27
Lc -16
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 palette in different UI components.
PWA Prompt