RebeccaPurple — #663399 HEX Color

#663399rgb(102, 51, 153)

About RebeccaPurple

RebeccaPurple (#663399) is a warm, mid, vivid purple tone with a hue of 270°, saturation of 50% and lightness of 40%. It works well for creative and premium brands and conveys a creative feeling. On a white background it reaches a contrast ratio of 8.41:1, while on black it reaches 2.50:1 — so prefer white text when using #663399 as a background.

Color Codes

HEX#663399

RGBrgb(102, 51, 153)

HSLhsl(270°, 50%, 40%)

CMYKcmyk(33%, 67%, 0%, 40%)

CIELABLab(32.9, 42.9, -47.1)

Accessibility & Contrast

On white

8.41:1

AA Normal

AA Large

AAA Normal

AAA Large

On black

2.50:1

AA Normal

AA Large

AAA Normal

AAA Large

Recommendation: when using #663399 as a background, use white text for the highest contrast.

Color Schemes

Tints & Shades

Tints (mixed with white)

Shades (mixed with black)

CSS Code Snippets

background-color: #663399;

color: #663399;

border: 2px solid #663399;

background: linear-gradient(135deg, #663399, #669933);

Code Export

css

:root {
  --color-primary: #663399;
  --color-primary-rgb: 102, 51, 153;
  --color-primary-hsl: 270, 50%, 40%;
}

Explore Color Tools

Palette GeneratorGenerate harmonious color palettes

Color ConvertersConvert between HEX, RGB, HSL, CMYK

OKLCH PickerPick and convert OKLCH to HEX, RGB, HSL

Gradient GeneratorCreate CSS gradients with live preview

Related Combinations

Purple + Blue

Brown + Blue

Gray + Blue

+=Muted Teal / Slate Green

Olive + Blue

Frequently Asked Questions

What is the name of color #663399?

Color #663399 is commonly known as RebeccaPurple. It is a warm, mid, vivid purple tone.

Is #663399 a warm or cool color?

RebeccaPurple (#663399) is a warm color. With a hue of 270°, it falls in the purple family.

What colors go well with #663399?

Colors that pair well with RebeccaPurple (#663399) include its complementary color (#669933), neutral whites and warm creams, and analogous purple tones for harmonious palettes.