#4A235A
#6B3A65
#8F5671
#B3737F
#D9908D
Dusk
#4A235A
#6B3A65
#8F5671
#B3737F
#D9908D
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
Pink
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #4a235a | rgb(74, 35, 90) | hsl(280 44% 25%) | hwb(280 14% 65%) | lch(21.4 36.9 316) | lab(21.4 26.5 -25.7) | cmyk 18%, 61%, 0%, 65% | |
| #6b3a65 | rgb(107, 58, 101) | hsl(310 30% 32%) | hwb(310 23% 58%) | lch(32 31.5 330) | lab(32 27.2 -15.9) | cmyk 0%, 46%, 6%, 58% | |
| #8f5671 | rgb(143, 86, 113) | hsl(330 25% 45%) | hwb(330 34% 44%) | lch(43.9 27.5 350) | lab(43.9 27.1 -4.92) | cmyk 0%, 40%, 21%, 44% | |
| #b3737f | rgb(179, 115, 127) | hsl(350 30% 58%) | hwb(350 45% 30%) | lch(55.7 27.5 9.33) | lab(55.7 27.1 4.45) | cmyk 0%, 36%, 29%, 30% | |
| #d9908d | rgb(217, 144, 141) | hsl(2.4 50% 70%) | hwb(2.4 55% 15%) | lch(67.3 31.3 25.7) | lab(67.3 28.2 13.6) | cmyk 0%, 34%, 35%, 15% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#4A235A
AAA - 12.5
#6B3A65
AAA - 8.68
#8F5671
AA - 5.61
#B3737F
AA - 3.7
#D9908D
AA - 2.52
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