RGB
156, 81, 182
HSL
285°, 41%, 52%
CMYK
14, 55, 0, 29
HSV
285°, 55%, 71%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #9C51B6 |
color: #9C51B6;
|
| RGB | 156, 81, 182 |
color: rgb(156, 81, 182);
|
| RGB Percentage | 61%, 32%, 71% |
color: rgb(61%, 32%, 71%);
|
| CMYK | 14%, 55%, 0%, 29% | Not supported in CSS |
| HSL | 285°, 41%, 52% |
color: hsl(285, 41%, 52%);
|
| HSV | 285°, 55%, 71% | Not supported in CSS |
| CIE-LAB | 42, 15, -34 |
color: lab(42% 15 -34);
|
| Decimal | 10244534 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.purple-plum {
color: #9C51B6;
}
SCSS
$purple-plum: #9C51B6;
RGB
rgb(156, 81, 182)
Accessibility & Contrast
White background
4.92:1
4.92
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
4.27:1
4.27
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element