#2ABEC6
#36CFBE
#5EDEAD
#8EEA97
#C2F381
Peppermint
#2ABEC6
#36CFBE
#5EDEAD
#8EEA97
#C2F381
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Cyan
Green
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #2abec6 | rgb(42, 190, 198) | hsl(180 65% 47%) | hwb(180 16% 22%) | lch(70.1 39.5 203) | lab(70.1 -36.3 -15.4) | cmyk 79%, 4%, 0%, 22% | |
| #36cfbe | rgb(54, 207, 190) | hsl(170 61% 51%) | hwb(170 21% 19%) | lch(75.2 43.7 185) | lab(75.2 -43.5 -3.47) | cmyk 74%, 0%, 8%, 19% | |
| #5edead | rgb(94, 222, 173) | hsl(160 66% 62%) | hwb(160 37% 13%) | lch(80.4 47.6 164) | lab(80.4 -45.8 13) | cmyk 58%, 0%, 22%, 13% | |
| #8eea97 | rgb(142, 234, 151) | hsl(130 69% 74%) | hwb(130 56% 8.2%) | lch(85.4 51.8 143) | lab(85.4 -41.2 31.4) | cmyk 39%, 0%, 35%, 8% | |
| #c2f381 | rgb(194, 243, 129) | hsl(86 83% 73%) | hwb(86 51% 4.7%) | lch(90.6 57.5 121) | lab(90.6 -29.8 49.2) | cmyk 20%, 0%, 47%, 5% |
Click a color format to copy 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