RGB
170, 152, 169
HSL
303°, 10%, 63%
CMYK
0, 11, 1, 33
HSV
303°, 11%, 67%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #AA98A9 |
color: #AA98A9;
|
| RGB | 170, 152, 169 |
color: rgb(170, 152, 169);
|
| RGB Percentage | 67%, 60%, 66% |
color: rgb(67%, 60%, 66%);
|
| CMYK | 0%, 11%, 1%, 33% | Not supported in CSS |
| HSL | 303°, 10%, 63% |
color: hsl(303, 10%, 63%);
|
| HSV | 303°, 11%, 67% | Not supported in CSS |
| CIE-LAB | 50, 4, -6 |
color: lab(50% 4 -6);
|
| Decimal | 11180201 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.rose-quartz {
color: #AA98A9;
}
SCSS
$rose-quartz: #AA98A9;
RGB
rgb(170, 152, 169)
Accessibility & Contrast
White background
2.70:1
2.70
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
7.77:1
7.77
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element