Rebecca purple color

A medium, slightly bluish purple. It was added to CSS in 2014 to honor Rebecca Meyer, the late daughter of web standards expert Eric Meyer, and is loved by web developers.

Also known as: Rebeccapurple.

Rebecca purple · #663399

About rebecca purple

Rebecca purple (#663399) is a cool, mid-tone, moderately saturated color. It belongs to the purples family. It mixes 102 red, 51 green and 153 blue (out of 255). It is mostly used in web, CSS, tech.

Rebecca purple shades and tints

From lightest to darkest. Tap a shade to copy its code.

Rebecca purple color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Olive drab

AnalogousClose to: Klein blue, Purple

TriadicClose to: Copper, Sea green

Split complementaryClose to: Brass, Forest green

TetradicClose to: Burnt umber, Olive drab, Dark cyan

Rebecca purple color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Rebecca purple

Analogous palette · Rebecca purple

Complementary palette · Rebecca purple

Triadic palette · Rebecca purple

With neutrals palette · Rebecca purple

With an accent palette · Rebecca purple

Rebecca purple contrast with text

White textContrast 8.4:1 · AAA

Black textContrast 2.5:1 · Not recommended

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --rebecca-purple: #663399;
  --rebecca-purple-rgb: 102, 51, 153;
}
.bg { background-color: var(--rebecca-purple); }
.text { color: var(--rebecca-purple); }

Colors similar to rebecca purple

Grape purple Royal purple Indigo Slate blue Purple Amethyst Midnight blue Klein blue Cobalt blue Ultra violet

Themed palettes with this color

Frequently asked questions

What is the hex code for rebecca purple?

The hex code for rebecca purple is #663399. In RGB it is rgb(102, 51, 153), in HSL hsl(270, 50%, 40%) and in CMYK 33, 67, 0, 40.

What is the complementary color of rebecca purple?

Its complement on the color wheel is #669933, close to olive drab. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on rebecca purple?

Yes. The contrast with white is 8.4:1, enough for body text (WCAG AA).