RebeccaPurple Color — HEX, RGB, HSL, Palettes & Contrast

RebeccaPurple (#663399): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#663399
HEX #663399
RGB rgb(102, 51, 153)
HSL 270°, 50%, 40%

Use RebeccaPurple in Your Projects

About RebeccaPurple Color

RebeccaPurple is a web color named in memory of Rebecca Meyer. It is a deep purple that represents community, remembrance, and web standards.

Use Cases for RebeccaPurple

web standardsmemorial pagesdeep accentsdeveloper toolsbrand recognition

Shades & Tints of RebeccaPurple

#ffffff
#d9cce6
#b399cc
#8c66b3
#663399
#4d2673
#331a4d
#1a0d26
#000000

Complementary Color

#663399
#669933

Analogous Colors

#333399
#663399
#993399

Triadic Colors

#663399
#996633
#339966

Split Complementary

#663399
#999933
#339933

Tetradic Colors

#663399
#993366
#669933
#339966

CSS Code

.rebeccapurple-color {
  color: #663399;
  background-color: #663399;
}

/* As a CSS custom property */
:root {
  --color-rebeccapurple: #663399;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on RebeccaPurple
Ratio: 2.5:1 ✗ Fails AA ✗ Fails AAA
White text on RebeccaPurple
Ratio: 8.41:1 ✓ Passes AA ✓ Passes AAA

Frequently Asked Questions

What color is RebeccaPurple?

RebeccaPurple is represented by the hex code #663399 and has RGB values of rgb(102, 51, 153). It falls under the Purple category.

How to use RebeccaPurple in web design?

RebeccaPurple works well for web standards, memorial pages, deep accents. RebeccaPurple is a web color named in memory of Rebecca Meyer. It is a deep purple that represents community, remembrance, and web standards. Use it as a primary color, accent, or background depending on your design needs.

What colors go with RebeccaPurple?

Colors that pair well with RebeccaPurple include purple, darkorchid, darkviolet, indigo, blueviolet. For a complementary scheme, try #669933. For an analogous scheme, use #333399 and #993399. For a triadic scheme, combine with #996633 and #339966.