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.

カラー値

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

プロパティ

色彩心理学

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.

カラーハーモニー

色覚異常シミュレーション

CSS使用法

background-color: #663399;
color: #663399;
border-color: #663399;
最も近いTailwind: Purple 900 #581C87

Tailwindシェード

コントラストチェッカー

白背景のテキスト

8.41:1

AA Pass AAA Pass

黒背景のテキスト

2.5:1

AA Fail AAA Fail

比較する

関連記事

よくある質問

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 合格, AAA 合格 for normal text.

What text color is readable on #663399?

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