RGB
138, 43, 226
HSL
271°, 76%, 53%
CMYK
39, 81, 0, 11
HSV
271°, 81%, 89%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #8A2BE2 |
color: #8A2BE2;
|
| RGB | 138, 43, 226 |
color: rgb(138, 43, 226);
|
| RGB Percentage | 54%, 17%, 89% |
color: rgb(54%, 17%, 89%);
|
| CMYK | 39%, 81%, 0%, 11% | Not supported in CSS |
| HSL | 271°, 76%, 53% |
color: hsl(271, 76%, 53%);
|
| HSV | 271°, 81%, 89% | Not supported in CSS |
| CIE-LAB | 42, 19, -61 |
color: lab(42% 19 -61);
|
| Decimal | 9055202 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.blue-violet {
color: #8A2BE2;
}
SCSS
$blue-violet: #8A2BE2;
RGB
rgb(138, 43, 226)
Accessibility & Contrast
White background
5.96:1
5.96
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
3.52:1
3.52
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element