#502CA0

A medium, moderate purple closely aligning with Rebeccapurple.

About #502CA0

Visually, #502CA0 is defined as a moderate purple. It is closely associated with the named CSS color Rebeccapurple. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 44, and 160.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 50% cyan and 72% magenta inks. This makes it a relatively light color when applied to physical surfaces.

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#502CA0
RGB80, 44, 160
HSL258.6°, 56.9%, 40.0%
CMYK50%, 72%, 0%, 37%
HSV258.6°, 72.5%, 62.7%
LAB29.5, 44.1, -57.0
XYZ10.6, 6.0, 33.9
Decimal5254304

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

9.51:1
Text on #FFFFFF
AAA
2.21:1
Text on #000000
FAIL
9.09:1
Text on #F8FAFC
AAA
1.88:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #502CA0; }
.text-color { color: #502CA0; }
.border-color { border: 2px solid #502CA0; }

Similar Colors

Rebeccapurple
#663399