#957DAD
#E0BBE4
#FFDFD3
#FEC8D8
#D291BC
Cotton Candy
#957DAD
#E0BBE4
#FFDFD3
#FEC8D8
#D291BC
Actions
Explore the palette in different formats, and actions.
Colors overview
Purple
Pink
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #957dad | rgb(149, 125, 173) | hsl(270 23% 58%) | oklab(63% 0.05 -0.06) | oklch(63% 0.08 310) | color(display-p3 0.57 0.49 0.67) | |
| #e0bbe4 | rgb(224, 187, 228) | hsl(290 43% 81%) | oklab(84% 0.06 -0.04) | oklch(84% 0.07 320) | color(display-p3 0.86 0.74 0.88) | |
| #ffdfd3 | rgb(255, 223, 211) | hsl(16 100% 91%) | oklab(93% 0.03 0.03) | oklch(93% 0.04 42) | color(display-p3 0.98 0.88 0.83) | |
| #fec8d8 | rgb(254, 200, 216) | hsl(340 96% 89%) | oklab(88% 0.06 0) | oklch(88% 0.06 360) | color(display-p3 0.96 0.79 0.85) | |
| #d291bc | rgb(210, 145, 188) | hsl(320 42% 70%) | oklab(73% 0.09 -0.03) | oklch(73% 0.1 340) | color(display-p3 0.79 0.58 0.73) |
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.
#957DAD
AA - 3.61
#E0BBE4
AA - 1.69
#FFDFD3
AA - 1.25
#FEC8D8
AA - 1.45
#D291BC
AA - 2.46
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