#502483

A dark, moderate purple closely aligning with Rebeccapurple.

About #502483

When working with digital screens, the color #502483 is rendered by mixing light. 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, 36, and 131.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 39% C, 73% M, 0% Y, and 49% K. The HSL representation is 267.8° hue, 56.9% saturation, and 32.7% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#502483
RGB80, 36, 131
HSL267.8°, 56.9%, 32.7%
CMYK39%, 73%, 0%, 49%
HSV267.8°, 72.5%, 51.4%
LAB25.6, 40.2, -45.6
XYZ8.0, 4.6, 21.9
Decimal5252227

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

10.93:1
Text on #FFFFFF
AAA
1.92:1
Text on #000000
FAIL
10.45:1
Text on #F8FAFC
AAA
1.63:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Rebeccapurple
#663399