HEX Color #6D3399 (Rebeccapurple)

About #6D3399

The hex code #6D3399 represents a beautifully specific shade of purple. If you're using CSS, you might find it aligns closely with Rebeccapurple. To achieve this exact tint on a monitor, you would use an RGB mix of 109, 51, and 153.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 29% cyan and 67% magenta inks. The HSL representation is 274.1° hue, 50.0% saturation, and 40.0% lightness.

From a UX and accessibility standpoint, contrast is paramount. 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#6D3399

RGB109, 51, 153

HSL274.1°, 50.0%, 40.0%

CMYK29%, 67%, 0%, 40%

HSV274.1°, 66.7%, 60.0%

LAB33.8, 44.5, -45.6

XYZ13.2, 7.9, 31.0

Decimal7156633

Color Harmonies

Complementary

#6D3399 #5E9932

Analogous

#393299 #993292

Triadic

#996D32 #32996D

Tetradic

#993A32 #5E9932 #329199

Tints, Shades & Tones

Tints (Adding White)

#6D3399

#7D49A4

#8D60AF

#9D77BB

#AD8DC6

#BEA4D1

#CEBBDD

#DED1E8

#EEE8F3

#FFFFFF

Shades (Adding Black)

#6D3399

#602D88

#542777

#482266

#3C1C55

#301644

#241133

#180B22

#0C0511

#000000

WCAG Contrast Accessibility

8.13:1

Text on #FFFFFF

AAA

2.58:1

Text on #000000

FAIL

7.77:1

Text on #F8FAFC

AAA

2.20:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #6D3399; }

.text-color { color: #6D3399; }

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

Similar Colors

Rebeccapurple

#663399