Rebecca Purple #663399

Rebecca Purple#663399 · rgb(102, 51, 153)

Rebecca Purple color codes

CSS namerebeccapurple
HEX#663399
RGBrgb(102, 51, 153)
HSLhsl(270, 50%, 40%)
CMYKcmyk(33%, 67%, 0%, 40%)
Decimal6697881

Shades of Rebecca Purple (darker)

#5C2E8A · #52297A · #47246B · #3D1F5C · #331A4D · #29143D · #1F0F2E · #140A1F · #0A050F

Tints of Rebecca Purple (lighter)

#7547A3 · #855CAD · #9470B8 · #A385C2 · #B399CC · #C2ADD6 · #D1C2E0 · #E0D6EB · #F0EBF5

Color harmonies

Complementary
#669933
Triadic
#996633, #339966
Analogous
#333399, #993399

Accessibility (WCAG contrast)

White text on Rebecca Purple8.41:1 · AAA
Black text on Rebecca Purple2.50:1 · Fail

Use Rebecca Purple in code

.element {
  color: rebeccapurple;          /* or #663399 */
  background-color: rgb(102 51 153 / 0.5);
}

Frequently asked questions

What is the hex code for Rebecca Purple?

Rebecca Purple is #663399 in HEX, rgb(102, 51, 153) in RGB and hsl(270, 50%, 40%) in HSL.

Can I use "rebeccapurple" directly in CSS?

Yes. "rebeccapurple" is one of the 148 standard CSS named colors, so color: rebeccapurple; works in every browser.

Is Rebecca Purple readable on white?

The contrast ratio of Rebecca Purple on white is 8.41:1 (WCAG AAA). On black it is 2.50:1 (Fail).

What is the complementary color of Rebecca Purple?

The complementary color (opposite on the color wheel) is #669933.

Similar colors

Dark Slate Blue#483D8BIndigo#4B0082Purple#800080Dark Magenta#8B008BSlate Blue#6A5ACDDark Orchid#9932CCDim Gray#696969Dim Grey#696969

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.