HEX Color #6633A0 (Rebeccapurple)

About #6633A0

The precise color #6633A0 is an excellent choice for modern design projects. 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 102, 51, and 160.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 36% cyan and 68% magenta inks. The HSL representation is 268.1° hue, 51.7% saturation, and 41.4% lightness.

From a UX and accessibility standpoint, contrast is paramount. To prevent eye strain, #FFFFFF text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#6633A0

RGB102, 51, 160

HSL268.1°, 51.7%, 41.4%

CMYK36%, 68%, 0%, 37%

HSV268.1°, 68.1%, 62.7%

LAB33.4, 44.7, -50.6

XYZ13.0, 7.7, 34.1

Decimal6697888

Color Harmonies

Complementary

#6633A0 #6CA032

Analogous

#3236A0 #9C32A0

Triadic

#A06632 #32A066

Tetradic

#A03236 #6CA032 #32A09C

Tints, Shades & Tones

Tints (Adding White)

#6633A0

#7749AA

#8860B5

#9977BF

#AA8DCA

#BBA4D4

#CCBBDF

#DDD1E9

#EEE8F4

#FFFFFF

Shades (Adding Black)

#6633A0

#5A2D8E

#4F277C

#44226A

#381C58

#2D1647

#221135

#160B23

#0B0511

#000000

WCAG Contrast Accessibility

8.25:1

Text on #FFFFFF

AAA

2.55:1

Text on #000000

FAIL

7.88:1

Text on #F8FAFC

AAA

2.16:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #6633A0; }

.text-color { color: #6633A0; }

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

Similar Colors

Rebeccapurple

#663399