#d9a4f5
#ca6ff7
#b04be3
#8022ab
#610f87
Full Purple
#d9a4f5
#ca6ff7
#b04be3
#8022ab
#610f87
Actions
Explore the palette in different formats, and actions.
Colors overview
Purple
Purple
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #d9a4f5 | rgb(217, 164, 245) | hsl(280 80% 80%) | oklab(80% 0.09 -0.09) | oklch(80% 0.12 310) | color(display-p3 0.82 0.65 0.94) | |
| #ca6ff7 | rgb(202, 111, 247) | hsl(280 89% 70%) | oklab(70% 0.14 -0.15) | oklch(70% 0.21 310) | color(display-p3 0.74 0.45 0.94) | |
| #b04be3 | rgb(176, 75, 227) | hsl(280 73% 59%) | oklab(61% 0.15 -0.17) | oklch(61% 0.23 310) | color(display-p3 0.64 0.32 0.86) | |
| #8022ab | rgb(128, 34, 171) | hsl(280 67% 40%) | oklab(47% 0.14 -0.15) | oklch(47% 0.21 310) | color(display-p3 0.46 0.16 0.65) | |
| #610f87 | rgb(97, 15, 135) | hsl(280 80% 29%) | oklab(38% 0.12 -0.14) | oklch(38% 0.18 310) | color(display-p3 0.35 0.09 0.51) |
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.
#d9a4f5
AA - 1.98
#ca6ff7
AA - 2.94
#b04be3
AA - 4.23
#8022ab
AAA - 7.67
#610f87
AAA - 10.9
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