#87c39f
#b1e6c6
#c387ab
#9c5982
Peppermint
#87c39f
#b1e6c6
#c387ab
#9c5982
Actions
Explore the palette in different formats, and actions.
Colors overview
Green
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #87c39f | rgb(135, 195, 159) | hsl(140 33% 65%) | oklab(77% -0.07 0.03) | oklch(77% 0.08 160) | color(display-p3 0.58 0.76 0.63) | |
| #b1e6c6 | rgb(177, 230, 198) | hsl(140 51% 80%) | oklab(88% -0.07 0.03) | oklch(88% 0.07 160) | color(display-p3 0.74 0.9 0.79) | |
| #c387ab | rgb(195, 135, 171) | hsl(320 33% 65%) | oklab(69% 0.08 -0.03) | oklch(69% 0.09 340) | color(display-p3 0.73 0.54 0.66) | |
| #9c5982 | rgb(156, 89, 130) | hsl(320 27% 48%) | oklab(55% 0.1 -0.03) | oklch(55% 0.1 340) | color(display-p3 0.58 0.36 0.5) |
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.
#87c39f
AA - 2.03
#b1e6c6
AA - 1.39
#c387ab
AA - 2.84
#9c5982
AA - 5.04
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