rebeccapurple

#663399

CSS color

Rebecca Purple (#663399) is a medium-dark, saturated blue-violet CSS named colour, uniquely named in memory of Rebecca Meyer, daughter of web standards advocate Eric Meyer, who died on her sixth birthday in 2014 — making it the only CSS colour named after a specific person. The hue itself is a pure, classic purple sitting midway between blue and red. As an act of collective commemoration by the web standards community, it carries unusual emotional weight and historical significance in digital design.

Color Values

HEX

#663399

RGB

102, 51, 153

HSL

270.0, 50.0%, 40.0%

HSV

270.0, 66.7%, 60.0%

CMYK

33.3%, 66.7%, 0.0%, 40.0%

OKLCH

0.4403 0.1603 303.4

Properties

Color Psychology

True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.

Design Usage

Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #663399;
color: #663399;
border-color: #663399;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

Contrast Checker

Text on white

8.41:1

AA Pass AAA Pass

Text on black

2.5:1

AA Fail AAA Fail

Compare With

Related Articles

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #663399?

RGB(102, 51, 153) · HSL(270.0, 50.0%, 40.0%) · CMYK(33.3%, 66.7%, 0.0%, 40.0%)

Does #663399 meet WCAG contrast on white?

8.41:1 — WCAG AA Pass, AAA Pass for normal text.

What text color is readable on #663399?

Use FFFFFF text on a #663399 background; contrast on black is 2.5:1.