#d95775
#e095a7
#c7eeff
#95e0a9
Fruits
#d95775
#e095a7
#c7eeff
#95e0a9
Actions
Explore the palette in different formats, and actions.
Colors overview
Green
Red
Cyan
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #d95775 | rgb(217, 87, 117) | hsl(350 63% 60%) | oklab(63% 0.16 0.03) | oklch(63% 0.16 8.9) | color(display-p3 0.79 0.37 0.46) | |
| #e095a7 | rgb(224, 149, 167) | hsl(350 55% 73%) | oklab(75% 0.09 0.01) | oklch(75% 0.09 3.9) | color(display-p3 0.84 0.6 0.65) | |
| #c7eeff | rgb(199, 238, 255) | hsl(200 100% 89%) | oklab(93% -0.03 -0.03) | oklch(93% 0.05 230) | color(display-p3 0.81 0.93 0.99) | |
| #95e0a9 | rgb(149, 224, 169) | hsl(140 55% 73%) | oklab(84% -0.09 0.05) | oklch(84% 0.11 150) | color(display-p3 0.65 0.87 0.68) |
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.
#d95775
AA - 3.76
#e095a7
AA - 2.32
#c7eeff
AA - 1.22
#95e0a9
AA - 1.55
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