RGB
139, 0, 139
HSL
300°, 100%, 27%
CMYK
0, 100, 0, 45
HSV
300°, 100%, 55%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #8B008B |
color: #8B008B;
|
| RGB | 139, 0, 139 |
color: rgb(139, 0, 139);
|
| RGB Percentage | 55%, 0%, 55% |
color: rgb(55%, 0%, 55%);
|
| CMYK | 0%, 100%, 0%, 45% | Not supported in CSS |
| HSL | 300°, 100%, 27% |
color: hsl(300, 100%, 27%);
|
| HSV | 300°, 100%, 55% | Not supported in CSS |
| CIE-LAB | 22, 28, -46 |
color: lab(22% 28 -46);
|
| Decimal | 9109643 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.dark-magenta {
color: #8B008B;
}
SCSS
$dark-magenta: #8B008B;
RGB
rgb(139, 0, 139)
Accessibility & Contrast
White background
8.50:1
8.50
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
2.47:1
2.47
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element