HEX Color #753399 (Rebeccapurple)

About #753399

Visually, #753399 is defined as a moderate 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 117, 51, and 153.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 24% cyan and 67% magenta inks. With a hue angle of 278.8 degrees, it sits comfortably in the purple spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#753399

RGB117, 51, 153

HSL278.8°, 50.0%, 40.0%

CMYK24%, 67%, 0%, 40%

HSV278.8°, 66.7%, 60.0%

LAB34.9, 46.3, -43.8

XYZ14.3, 8.4, 31.0

Decimal7680921

Color Harmonies

Complementary

#753399 #579932

Analogous

#413299 #99328A

Triadic

#997532 #329974

Tetradic

#994132 #579932 #328A99

Tints, Shades & Tones

Tints (Adding White)

#753399

#8449A4

#9360AF

#A377BB

#B28DC6

#C1A4D1

#D1BBDD

#E0D1E8

#EFE8F3

#FFFFFF

Shades (Adding Black)

#753399

#682D88

#5B2777

#4E2266

#411C55

#341644

#271133

#1A0B22

#0D0511

#000000

WCAG Contrast Accessibility

7.81:1

Text on #FFFFFF

AAA

2.69:1

Text on #000000

FAIL

7.46:1

Text on #F8FAFC

AAA

2.29:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #753399; }

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

Similar Colors

Rebeccapurple

#663399