Amethyst color: code #9966CC
Amethyst
#9966CC
Color codes
- HEX
#9966CC - RGB
rgb(153, 102, 204) - HSL
hsl(270, 50%, 60%) - HSV
hsv(270, 50%, 80%) - CMYK
cmyk(25%, 50%, 0%, 20%) - LAB
lab(52.6% 40.3 -45.4) - OKLCH
oklch(60.8% 0.156 305.3)
About the color Amethyst
Amethyst has the HEX code #9966CC, which corresponds to rgb(153, 102, 204) in the RGB model. On the color wheel its hue sits at 270°, with 50% saturation and 60% lightness (hsl(270, 50%, 60%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 5.12:1 contrast ratio on it, versus 4.09:1 for white.
For print, the approximate conversion is cmyk(25%, 50%, 0%, 20%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Amethyst
Complementary
#9966CC · #99CC66
Analogous
#6666CC · #9966CC · #CC66CC
Triadic
#9966CC · #CC9966 · #66CC99
Tetradic
#9966CC · #CC6666 · #99CC66 · #66CCCC
Split-complementary
#9966CC · #CCCC66 · #66CC66
Monochromatic
#592D86 · #8040BF · #9966CC · #BF9FDF · #E6D9F2
Amethyst with white and black text
How to use it in CSS
:root {
--color-amethyst: #9966CC;
--color-amethyst-rgb: 153, 102, 204;
}
.elemento {
background-color: var(--color-amethyst);
color: #000000;
}