HEX Color #7537B6 (Rebeccapurple)

About #7537B6

The hex code #7537B6 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 117, 55, and 182.

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

Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#7537B6

RGB117, 55, 182

HSL269.3°, 53.6%, 46.5%

CMYK36%, 70%, 0%, 29%

HSV269.3°, 69.8%, 71.4%

LAB37.6, 51.3, -56.8

XYZ17.1, 9.9, 45.3

Decimal7681974

Color Harmonies

Complementary

#7537B6 #78B537

Analogous

#3738B5 #B437B5

Triadic

#B57437 #37B574

Tetradic

#B53738 #78B537 #37B5B4

Tints, Shades & Tones

Tints (Adding White)

#7537B6

#844DBE

#9363C6

#A379CE

#B28FD6

#C1A6DE

#D1BCE6

#E0D2EE

#EFE8F6

#FFFFFF

Shades (Adding Black)

#7537B6

#6830A1

#5B2A8D

#4E2479

#411E65

#341850

#27123C

#1A0C28

#0D0614

#000000

WCAG Contrast Accessibility

7.05:1

Text on #FFFFFF

AAA

2.98:1

Text on #000000

FAIL

6.74:1

Text on #F8FAFC

AA

2.53:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #7537B6; }

.text-color { color: #7537B6; }

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

Similar Colors

Rebeccapurple

#663399