#4C0052
#660066
#800080
#996699
#B399B3
#CCCCCC
Mystic
#4C0052
#660066
#800080
#996699
#B399B3
#CCCCCC
Actions
Explore the palette in different formats, and actions.
Colors overview
Purple
White
| Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
|---|---|---|---|---|---|---|---|
| | #4c0052 | rgb(76, 0, 82) | hsl(300 100% 16%) | oklab(30% 0.11 -0.08) | oklch(30% 0.14 320) | color(display-p3 0.27 0.03 0.31) | |
| | #660066 | rgb(102, 0, 102) | hsl(300 100% 20%) | oklab(36% 0.14 -0.09) | oklch(36% 0.16 330) | color(display-p3 0.36 0.06 0.39) | |
| | #800080 | rgb(128, 0, 128) | hsl(300 100% 25%) | oklab(42% 0.16 -0.1) | oklch(42% 0.19 330) | color(display-p3 0.46 0.08 0.48) | |
| | #996699 | rgb(153, 102, 153) | hsl(300 20% 50%) | oklab(58% 0.08 -0.05) | oklch(58% 0.1 330) | color(display-p3 0.57 0.41 0.59) | |
| | #b399b3 | rgb(179, 153, 179) | hsl(300 15% 65%) | oklab(71% 0.04 -0.03) | oklch(71% 0.05 330) | color(display-p3 0.69 0.6 0.7) | |
| | #cccccc | rgb(204, 204, 204) | hsl(none 0% 80%) | oklab(85% 0 0) | oklch(85% 0 none) | color(display-p3 0.8 0.8 0.8) |
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.
#4C0052
AAA - 14.69
#660066
AAA - 11.95
#800080
AAA - 9.41
#996699
AA - 4.45
#B399B3
AA - 2.58
#CCCCCC
AA - 1.6
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