Home
Colors
Purples
Rebecca Purple Color

#663399

Rebecca Purple Color

Web safe Purples

Added to the CSS specification in 2014 in memory of Rebecca Meyer, the young daughter of web standards advocate Eric Meyer.

Nearest Tailwind class purple-800 #6e11b0 · ΔE 5.8

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#663399

RGB

rgb(102, 51, 153)

HSL

hsl(270, 50%, 40%)

HSV / HSB

hsv(270, 66.7%, 60%)

CMYK

cmyk(33.3%, 66.7%, 0%, 40%)

LAB

lab(32.9, 42.88, -47.15)

LCH

lch(32.9, 63.73, 312.28)

OKLCH

oklch(44%, 0.1603, 303.37)

HWB

hwb(270, 20%, 40%)

Harmony colors

Complementary

#669933

Analogous

#333399

#663399

#993399

Triadic

#663399

#996633

#339966

Split-complementary

#663399

#999933

#339933

Tetradic

#663399

#993366

#669933

#339966

Square

#663399

#993333

#669933

#339999

Shades

Rebecca Purple Color mixed toward black.

#552b80

#442266

#331a4d

#221133

#110819

Tints

Rebecca Purple Color mixed toward white.

#8040bf

#9966cc

#b38cd9

#ccb3e6

#e6d9f2

Tones

Rebecca Purple Color mixed toward gray.

#663b91

#664488

#664d80

#665577

#665e6f

Accessibility

Aa White text on this color

8.41:1

Aa Black text on this color

2.5:1

White text reads better on this background (8.41:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#545489 · ΔE 12.6

Deuteranopia

#575a85 · ΔE 14.8

Tritanopia

#647a77 · ΔE 29.8

Achromatopsia

#4d4d4d · ΔE 26.4

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #663399;

Tailwind (arbitrary value)

bg-[#663399]

Related colors

Blue Violet #8a2be2

Indigo #4b0082

Dark Orchid #9932cc

Medium Purple #9370db

Dark Violet #9400d3

Medium Orchid #ba55d3

Frequently asked questions

Rebecca Purple (#663399) is rgb(102, 51, 153) in RGB.

Yes, #663399 is one of the 216 web-safe colors — every channel is a multiple of 51.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #663399, or check how it holds up for accessibility.

Generate a palette → Check contrast