RGB
138, 0, 196
HSL
282°, 100%, 38%
CMYK
30, 100, 0, 23
HSV
282°, 100%, 77%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #8A00C4 |
color: #8A00C4;
|
| RGB | 138, 0, 196 |
color: rgb(138, 0, 196);
|
| RGB Percentage | 54%, 0%, 77% |
color: rgb(54%, 0%, 77%);
|
| CMYK | 30%, 100%, 0%, 23% | Not supported in CSS |
| HSL | 282°, 100%, 38% |
color: hsl(282, 100%, 38%);
|
| HSV | 282°, 100%, 77% | Not supported in CSS |
| CIE-LAB | 30, 28, -65 |
color: lab(30% 28 -65);
|
| Decimal | 9044164 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.neon-purple {
color: #8A00C4;
}
SCSS
$neon-purple: #8A00C4;
RGB
rgb(138, 0, 196)
Accessibility & Contrast
White background
7.30:1
7.30
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
2.88:1
2.88
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element