Skip to main content
ToolsHub
#663399

Rebeccapurple Color — #663399

Complete color reference for #663399: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#663399
RGBrgb(102, 51, 153)
HSLhsl(270, 50%, 40%)
HSVhsv(270, 67%, 60%)
CMYKC:33% M:67% Y:0% K:40%
CSS Colorrebeccapurple
Decimal6697881
Luminance0.0749

WCAG Accessibility Contrast

#663399 on White
Ratio: 8.41:1 — AAA
#663399 on Black
Ratio: 2.5:1 — Fail
White on #663399
Ratio: 8.41:1 — AAA
Black on #663399
Ratio: 2.5:1 — Fail

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#F7F5FA
100#E8E0F0
200#D1C2E0
300#BAA3D1
400#9C7ABD
500#663399
600#52297A
700#3D1F5C
800#29143D
900#1A0D26

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #663399?

The RGB equivalent is rgb(102, 51, 153). The red channel is 102, green is 51, and blue is 153 (scale 0–255).

What is the HSL value of #663399?

The HSL value is hsl(270, 50%, 40%). Hue is 270°, saturation is 50%, and lightness is 40%.

Does #663399 meet WCAG accessibility standards?

On a white background, #663399 achieves a 8.41:1 contrast ratio (AAA). On a black background it achieves 2.5:1 (Fail). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #663399?

The complementary color (180° opposite on the hue wheel) of #663399 is #669933.