#5724f6
#8124f6
#ab24f6
#d524f6
#e863ff
Prisma
#5724f6
#8124f6
#ab24f6
#d524f6
#e863ff
Actions
Explore the palette in different formats, and actions.
Colors overview
Pink
Purple
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #5724f6 | rgb(87, 36, 246) | hsl(250 92% 55%) | oklab(50% 0.05 -0.27) | oklch(50% 0.27 280) | color(display-p3 0.32 0.15 0.93) | |
| #8124f6 | rgb(129, 36, 246) | hsl(270 92% 55%) | oklab(54% 0.11 -0.25) | oklch(54% 0.27 290) | color(display-p3 0.47 0.17 0.93) | |
| #ab24f6 | rgb(171, 36, 246) | hsl(280 92% 55%) | oklab(59% 0.17 -0.22) | oklch(59% 0.28 310) | color(display-p3 0.62 0.19 0.93) | |
| #d524f6 | rgb(213, 36, 246) | hsl(290 92% 55%) | oklab(64% 0.22 -0.19) | oklch(64% 0.29 320) | color(display-p3 0.77 0.22 0.93) | |
| #e863ff | rgb(232, 99, 255) | hsl(290 100% 69%) | oklab(72% 0.19 -0.15) | oklch(72% 0.24 320) | color(display-p3 0.85 0.42 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.
#5724f6
AAA - 7.02
#8124f6
AA - 5.97
#ab24f6
AA - 4.86
#d524f6
AA - 3.88
#e863ff
AA - 2.74
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