RGB
153, 102, 204
HSL
270°, 50%, 60%
CMYK
25, 50, 0, 20
HSV
270°, 50%, 80%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #9966CC |
color: #9966CC;
|
| RGB | 153, 102, 204 |
color: rgb(153, 102, 204);
|
| RGB Percentage | 60%, 40%, 80% |
color: rgb(60%, 40%, 80%);
|
| CMYK | 25%, 50%, 0%, 20% | Not supported in CSS |
| HSL | 270°, 50%, 60% |
color: hsl(270, 50%, 60%);
|
| HSV | 270°, 50%, 80% | Not supported in CSS |
| CIE-LAB | 48, 10, -34 |
color: lab(48% 10 -34);
|
| Decimal | 10053324 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.amethyst {
color: #9966CC;
}
SCSS
$amethyst: #9966CC;
RGB
rgb(153, 102, 204)
Accessibility & Contrast
White background
4.10:1
4.10
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
5.13:1
5.13
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element