#d9a4f5
#ca6ff7
#b04be3
#8022ab
#610f87
Full Purple
#d9a4f5
#ca6ff7
#b04be3
#8022ab
#610f87
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Purple
Purple
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #d9a4f5 | rgb(217, 164, 245) | hsl(280 80% 80%) | hwb(280 64% 3.9%) | lch(74.6 45.1 313) | lab(74.6 30.8 -33) | cmyk 11%, 33%, 0%, 4% | |
| #ca6ff7 | rgb(202, 111, 247) | hsl(280 89% 70%) | hwb(280 44% 3.1%) | lch(61.8 75.7 314) | lab(61.8 53 -54.1) | cmyk 18%, 55%, 0%, 3% | |
| #b04be3 | rgb(176, 75, 227) | hsl(280 73% 59%) | hwb(280 29% 11%) | lch(51.1 84.4 315) | lab(51.1 59.2 -60.2) | cmyk 22%, 67%, 0%, 11% | |
| #8022ab | rgb(128, 34, 171) | hsl(280 67% 40%) | hwb(280 13% 33%) | lch(34.8 77.2 315) | lab(34.8 54.8 -54.4) | cmyk 25%, 80%, 0%, 33% | |
| #610f87 | rgb(97, 15, 135) | hsl(280 80% 29%) | hwb(280 5.9% 47%) | lch(25.2 68.2 315) | lab(25.2 48.2 -48.3) | cmyk 28%, 89%, 0%, 47% |
Click a color format to copy 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