RGB
148, 0, 211
HSL
282°, 100%, 41%
CMYK
30, 100, 0, 17
HSV
282°, 100%, 83%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #9400D3 |
color: #9400D3;
|
| RGB | 148, 0, 211 |
color: rgb(148, 0, 211);
|
| RGB Percentage | 58%, 0%, 83% |
color: rgb(58%, 0%, 83%);
|
| CMYK | 30%, 100%, 0%, 17% | Not supported in CSS |
| HSL | 282°, 100%, 41% |
color: hsl(282, 100%, 41%);
|
| HSV | 282°, 100%, 83% | Not supported in CSS |
| CIE-LAB | 33, 30, -70 |
color: lab(33% 30 -70);
|
| Decimal | 9699539 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.dark-violet {
color: #9400D3;
}
SCSS
$dark-violet: #9400D3;
RGB
rgb(148, 0, 211)
Accessibility & Contrast
White background
6.56:1
6.56
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
3.20:1
3.20
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element