HEX Color #503399 (Rebeccapurple)

About #503399

The hex code #503399 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 80, 51, and 153.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 48% cyan, 67% magenta, 0% yellow, and 40% black. With a hue angle of 257.1 degrees, it sits comfortably in the purple spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#503399

RGB80, 51, 153

HSL257.1°, 50.0%, 40.0%

CMYK48%, 67%, 0%, 40%

HSV257.1°, 66.7%, 60.0%

LAB30.3, 38.2, -51.4

XYZ10.2, 6.4, 30.8

Decimal5256089

Color Harmonies

Complementary

#503399 #7B9932

Analogous

#324899 #833299

Triadic

#995032 #329950

Tetradic

#993248 #7B9932 #329982

Tints, Shades & Tones

Tints (Adding White)

#503399

#6349A4

#7660AF

#8A77BB

#9D8DC6

#B1A4D1

#C4BBDD

#D8D1E8

#EBE8F3

#FFFFFF

Shades (Adding Black)

#503399

#472D88

#3E2777

#352266

#2C1C55

#231644

#1A1133

#110B22

#080511

#000000

WCAG Contrast Accessibility

9.23:1

Text on #FFFFFF

AAA

2.27:1

Text on #000000

FAIL

8.82:1

Text on #F8FAFC

AAA

1.93:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #503399; }

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

Similar Colors

Rebeccapurple

#663399