#F7CAC9
Pink family

Rose Quartz

Also known as: tranquil · soft · delicate · serene · compassionate
Save
Hex #F7CAC9
RGB rgb(247, 202, 201)
HSL hsl(1°, 74%, 88%)
CMYK 0 · 18 · 19 · 3
RAL RAL 1013 · Oyster White

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, Rose Quartz symbolizes love, peace, and emotional healing, often associated with romantic gestures and nurturing relationships. Conversely, in some Asian cultures, it signifies femininity and grace, contrasting with the assertive reds that dominate other contexts.

The term 'Rose Quartz' was first recorded in 1916, referring to the beautiful pink variety of quartz that has been cherished since ancient history. This gemstone has been used in various cultures for its believed healing properties, and it became popular in jewelry during the Art Deco period of the 1920s.

tranquilsoftdelicateserenecompassionate

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Rose Quartz. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 25 Pinks →

Shades & tints

Nine steps of Rose Quartz by lightness — from #806969 (darkest) to #FBE3E3 (lightest). Click any to copy.

-40% #806969
-30% #9E8181
-20% #BC9A99
-10% #D9B2B1
BASE #F7CAC9
+15% #F8D0CF
+30% #F9D7D6
+50% #FADDDC
+70% #FBE3E3

Complementary

Sitting opposite Rose Quartz at 181° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Rose Quartz.

#F7CAC9
#B2E0D4
#FFFFFF
#F4A261
#FFC107

Gentle Embrace

Calming Comfort
#F7CAC9
#FAD0C9
#C8D3E5
#6A0572
#F0E7D2

Ethereal Glow

Dreamy Elegance
#F7CAC9
#FFC3C3
#C1C1C1
#FF6F61
#FFD700

Warm Serenity

Cozy Harmony

Used by

Brands and institutions known for using Rose Quartz.

AvedaYves Rocher

Rose Quartz scale

A 50–900 tonal scale with Rose Quartz anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FEFBFB
100 #FEF5F5
200 #FCEBEA
300 #FAE0E0
400 #F9D5D4
500 #F7CAC9
600 #CBA6A5
700 #A38585
800 #7C6565
900 #544544

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 14.25:1
Rose Quartz as text on… Ratio AA AAA
Aa White background 1.47:1 Fail Fail
Aa Black background 14.25:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #F7CAC9

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #F7CAC9;
CSS color-mix (lighten 30%) color-mix(in srgb, #F7CAC9 70%, white)
HSV / HSB 1°, 19%, 97%
CMYK (print) 0, 18, 19, 3
Decimal 16239305
Nearest web-safe #FFCCCC

Color vision

How Rose Quartz appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#F7CAC9

Protanopia (no red)

#E4E3C9

Deuteranopia (no green)

#E6E9C9

Tritanopia (no blue)

#F5C9C9
Cameo Pink
25 / 25 Pinks
Copied!