What color is Rose Quartz?
Rose quartz is a soft, muted pink with a slight grey or lavender undertone, hex #AA98A9, close to the inner petal of a pale garden rose. The grey tint keeps it from reading as a bright or warm pink, giving it a dusty, understated quality.
What is the meaning of the color Rose Quartz?
The name comes from the semi-precious rose quartz mineral, a pale pink variety of quartz prized for centuries across Egypt, Rome, and East Asia as a stone of beauty and calm. The color entered mainstream design language in 2016 when Pantone named Rose Quartz, shade 13-1520, its Color of the Year alongside Serenity, citing a cultural shift toward gentleness and openness. The choice influenced fashion, product packaging, and interior paint ranges across that year. Benjamin Moore and several European cosmetic brands released coordinated collections anchored to the pairing within months of the Pantone announcement.
What colors go with Rose Quartz?
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
.rose-quartz {
color: #AA98A9;
}
$rose-quartz: #AA98A9;
rgb(170, 152, 169)