#39162d
#c9c0c6
#e0313c
#7f1c39
#947c8c
Wine
#39162d
#c9c0c6
#e0313c
#7f1c39
#947c8c
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
Red
Purple
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #39162d | rgb(57, 22, 45) | hsl(320 44% 15%) | hwb(320 8.6% 78%) | lch(13.5 21.4 341) | lab(13.5 20.2 -7.1) | cmyk 0%, 61%, 21%, 78% | |
| #c9c0c6 | rgb(201, 192, 198) | hsl(320 7.7% 77%) | hwb(320 75% 21%) | lch(78.6 4.46 336) | lab(78.6 4.07 -1.84) | cmyk 0%, 4%, 1%, 21% | |
| #e0313c | rgb(224, 49, 60) | hsl(360 74% 54%) | hwb(360 19% 12%) | lch(50.8 77.2 30.3) | lab(50.8 66.6 38.9) | cmyk 0%, 78%, 73%, 12% | |
| #7f1c39 | rgb(127, 28, 57) | hsl(340 64% 30%) | hwb(340 11% 50%) | lch(28.9 44.5 11.5) | lab(28.9 43.6 8.83) | cmyk 0%, 78%, 55%, 50% | |
| #947c8c | rgb(148, 124, 140) | hsl(320 10% 53%) | hwb(320 49% 42%) | lch(54.7 12.7 337) | lab(54.7 11.7 -5.07) | cmyk 0%, 16%, 5%, 42% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#39162d
AAA - 15.82
#c9c0c6
AA - 1.77
#e0313c
AA - 4.49
#7f1c39
AAA - 9.87
#947c8c
AA - 3.8
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