RGB
108, 59, 170
HSL
266°, 48%, 45%
CMYK
36, 65, 0, 33
HSV
266°, 65%, 67%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #6C3BAA |
color: #6C3BAA;
|
| RGB | 108, 59, 170 |
color: rgb(108, 59, 170);
|
| RGB Percentage | 42%, 23%, 67% |
color: rgb(42%, 23%, 67%);
|
| CMYK | 36%, 65%, 0%, 33% | Not supported in CSS |
| HSL | 266°, 48%, 45% |
color: hsl(266, 48%, 45%);
|
| HSV | 266°, 65%, 67% | Not supported in CSS |
| CIE-LAB | 36, 10, -37 |
color: lab(36% 10 -37);
|
| Decimal | 7093162 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.royal-purple {
color: #6C3BAA;
}
SCSS
$royal-purple: #6C3BAA;
RGB
rgb(108, 59, 170)
Accessibility & Contrast
White background
7.38:1
7.38
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
2.84:1
2.84
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element