purplecoolCSS named color

Rebeccapurple #663399

Rebeccapurple is a dark, moderately saturated cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Creative accents · Royal themes

Open in generator →Colors that go with rebeccapurple →

Families: Purples · Violet Colors · Indigo Colors

Color values

FormatValue
HEX#663399
RGBrgb(102, 51, 153)
HSLhsl(270, 50%, 40%)
HSVhsv(270, 67%, 60%)
OKLCHoklch(44.03% 0.16 303.4)
OKLaboklab(44.03% 0.0882 -0.1339)
CMYKcmyk(33.3%, 66.7%, 0%, 40%)
XYZxyz(12.4118, 7.4924, 30.9231)
CIE-LABlab(32.9, 42.9, -47.1)
CIE-LCHlch(32.9, 63.7, 312.3°)
Luminance0.075 (WCAG relative)
/* Rebeccapurple */ --rebeccapurple: #663399; color: #663399; background-color: #663399;

Source: W3C CSS named color. CSS keyword: rebeccapurple.

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#5c2f89 #522b79 #482669 #3e225a #351e4b #2c1a3c #23162e #1a1121 #110914 #000000

Tints (toward white)

#7647a3 #865aad #966eb8 #a582c2 #b496cc #c3aad6 #d2bfe0 #e1d4eb #f0e9f5 #ffffff

Tones (toward gray)

#653791 #633a8a #613d82 #5f407a #5c4373 #5a456b #574764 #54495c #514b55 #4d4d4d

Color harmonies

Complementary

Edit in generator →
#663399
#669933
#663399 #669933

Analogous

Edit in generator →
#333399
#663399
#993399
#333399 #663399 #993399

Triadic

Edit in generator →
#663399
#996633
#339966
#663399 #996633 #339966

Tetradic

Edit in generator →
#663399
#993333
#669933
#339999
#663399 #993333 #669933 #339999

Square

Edit in generator →
#663399
#993333
#669933
#339999
#663399 #993333 #669933 #339999

Split Complementary

Edit in generator →
#663399
#999933
#339933
#663399 #999933 #339933

Monochromatic

Edit in generator →
#29143D
#47246B
#663399
#8547C2
#A375D1
#29143d #47246b #663399 #8547c2 #a375d1

Accessibility & contrast

8.41
#663399 on #FFFFFF
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
2.50
#663399 on #000000
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗

Best text on rebeccapurple

8.41
#FFFFFF text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#004C9C
Deuteranopia (green-blind)
#0F4D97
Tritanopia (blue-blind)
#5C4961

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Darkslateblue #483D8B7.34
Ocean Blue #4F42B57.92
Bluey Purple #6241C78.12
Blueberry #4641968.17
Royal Purple #7851A98.55
Purple Blue #5D21D08.57

Colors that go with rebeccapurple

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Baby Purple #CA9BF7
3.8:1
Same hue family as rebeccapurple (Δh 1°) — guaranteed harmony
Hot Pink #FF69B4
3.2:1
Warm/cool bridge (Δh 60°) — adds depth without tension
Tealish Green #0CDC73
4.6:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Beige #F5F5DC
7.6:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Leaf #71AA34
3.0:1
Complementary hue (Δh ≈179°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.