#663399
Purple family

Rebecca Purple

Also known as: deep · thoughtful · nostalgic · poignant · evocative
Save
Hex #663399
RGB rgb(102, 51, 153)
HSL hsl(270°, 50%, 40%)
CMYK 33 · 67 · 0 · 40
NCS S 2040-R30B

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

Meaning

In digital culture, Rebecca Purple symbolizes remembrance and personal loss, particularly in the context of grief and tribute. While it carries a sense of nostalgia in Western contexts, in some Eastern traditions, purple is linked to spirituality and enlightenment.

The color Rebecca Purple was adopted in 2017 as part of a campaign to honor Rebecca Meyer, who passed away in 2014. The name was proposed in a blog post by Eric Meyer, emphasizing the personal connection and the significance of the color in web design and digital art.

deepthoughtfulnostalgicpoignantevocative

Similar colors

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

All 31 Purples →

Shades & tints

Nine steps of Rebecca Purple by lightness — from #351B50 (darkest) to #AF95CA (lightest). Click any to copy.

-40% #351B50
-30% #412162
-20% #4E2774
-10% #5A2D87
BASE #663399
+15% #784BA5
+30% #8B64B1
+50% #9D7CBE
+70% #AF95CA

Complementary

Sitting opposite Rebecca Purple at 90° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Rebecca Purple.

#663399
#FFCC00
#F5F5F5
#9B59B6
#2C3E50

Mystical Twilight

Dreamy Calm
#663399
#E74C3C
#BDC3C7
#8E44AD
#3498DB

Royal Reflections

Elegant Bold
#663399
#34495E
#FFFFFF
#1ABC9C
#F39C12

Serene Dusk

Tranquil Warmth

Rebecca Purple scale

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

50 #F3EFF7
100 #E3DAED
200 #C5B1D8
300 #A689C4
400 #865EAE
500 #663399
600 #542A7D
700 #432265
800 #331A4D
900 #231134

Accessibility

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

Aa Best text color: #FFFFFF · 8.41:1
Rebecca Purple as text on… Ratio AA AAA
Aa White background 8.41:1 Pass Pass
Aa Black background 2.5:1 Fail Fail

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 #663399

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

CSS color: #663399;
CSS color-mix (lighten 30%) color-mix(in srgb, #663399 70%, white)
HSV / HSB 270°, 67%, 60%
CMYK (print) 33, 67, 0, 40
Decimal 6697881
Nearest web-safe #663399

Color vision

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

Normal vision

#663399

Protanopia (no red)

#504F80

Deuteranopia (no green)

#53577A

Tritanopia (no blue)

#636D69
Lilac Gray
25 / 31 Purples African Violet
Copied!