#7c30ed
#8257f5
#a987ff
#c700b9
#aa00d7
Women's
#7c30ed
#8257f5
#a987ff
#c700b9
#aa00d7
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Purple
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #7c30ed | rgb(124, 48, 237) | hsl(260 84% 56%) | oklab(53% 0.1 -0.23) | oklch(53% 0.26 290) | color(display-p3 0.45 0.21 0.89) | |
| #8257f5 | rgb(130, 87, 245) | hsl(260 89% 65%) | oklab(59% 0.08 -0.21) | oklch(59% 0.22 290) | color(display-p3 0.49 0.35 0.93) | |
| #a987ff | rgb(169, 135, 255) | hsl(260 100% 76%) | oklab(71% 0.07 -0.16) | oklch(71% 0.17 290) | color(display-p3 0.64 0.53 0.97) | |
| #c700b9 | rgb(199, 0, 185) | hsl(300 100% 39%) | oklab(57% 0.23 -0.12) | oklch(57% 0.26 330) | color(display-p3 0.72 0.15 0.7) | |
| #aa00d7 | rgb(170, 0, 215) | hsl(290 100% 42%) | oklab(55% 0.19 -0.19) | oklch(55% 0.27 320) | color(display-p3 0.61 0.12 0.81) |
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.
#7c30ed
AA - 5.99
#8257f5
AA - 4.53
#a987ff
AA - 2.76
#c700b9
AA - 5.08
#aa00d7
AA - 5.69
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