#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