HEX Color #663399 (Rebeccapurple)

About #663399

At its core, #663399 is a medium and moderate hue. It is closely associated with the named CSS color Rebeccapurple. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 51, and 153.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 33% cyan and 67% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#663399

RGB102, 51, 153

HSL270.0°, 50.0%, 40.0%

CMYK33%, 67%, 0%, 40%

HSV270.0°, 66.7%, 60.0%

LAB32.9, 42.9, -47.2

XYZ12.4, 7.5, 30.9

Decimal6697881

Color Harmonies

Complementary

#663399 #669932

Analogous

#323299 #993299

Triadic

#996632 #329966

Tetradic

#993232 #669932 #329999

Tints, Shades & Tones

Tints (Adding White)

#663399

#7749A4

#8860AF

#9977BB

#AA8DC6

#BBA4D1

#CCBBDD

#DDD1E8

#EEE8F3

#FFFFFF

Shades (Adding Black)

#663399

#5A2D88

#4F2777

#442266

#381C55

#2D1644

#221133

#160B22

#0B0511

#000000

WCAG Contrast Accessibility

8.41:1

Text on #FFFFFF

AAA

2.50:1

Text on #000000

FAIL

8.03:1

Text on #F8FAFC

AAA

2.12:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #663399; }

.text-color { color: #663399; }

.border-color { border: 2px solid #663399; }

Similar Colors

Rebeccapurple

#663399