#e3a3ff
#edc4ff
#e9e6ff
#c0b5ff
#a899ff
Generative
#e3a3ff
#edc4ff
#e9e6ff
#c0b5ff
#a899ff
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Purple
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #e3a3ff | rgb(227, 163, 255) | hsl(280 100% 82%) | oklab(81% 0.1 -0.1) | oklch(81% 0.14 320) | color(display-p3 0.85 0.65 0.98) | |
| #edc4ff | rgb(237, 196, 255) | hsl(280 100% 88%) | oklab(87% 0.06 -0.06) | oklch(87% 0.09 320) | color(display-p3 0.9 0.77 0.98) | |
| #e9e6ff | rgb(233, 230, 255) | hsl(250 100% 95%) | oklab(93% 0.01 -0.03) | oklch(93% 0.03 290) | color(display-p3 0.91 0.9 0.99) | |
| #c0b5ff | rgb(192, 181, 255) | hsl(250 100% 85%) | oklab(81% 0.04 -0.1) | oklch(81% 0.1 290) | color(display-p3 0.75 0.71 0.98) | |
| #a899ff | rgb(168, 153, 255) | hsl(250 100% 80%) | oklab(74% 0.05 -0.14) | oklch(74% 0.15 290) | color(display-p3 0.65 0.6 0.97) |
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.
#e3a3ff
AA - 1.91
#edc4ff
AA - 1.5
#e9e6ff
AA - 1.21
#c0b5ff
AA - 1.85
#a899ff
AA - 2.42
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