HEX Color #501633 (Black)

About #501633

The hex code #501633 represents a beautifully specific shade of magenta. If you're using CSS, you might find it aligns closely with Black. This translates to an RGB value of rgb(80, 22, 51).

If you are designing for print, the four-color process is what matters most. The color uses 0% Cyan, 72% Magenta, 36% Yellow, and 69% Black. The HSL representation is 330.0° hue, 56.9% saturation, and 20.0% lightness.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#501633

RGB80, 22, 51

HSL330.0°, 56.9%, 20.0%

CMYK0%, 72%, 36%, 69%

HSV330.0°, 72.5%, 31.4%

LAB18.0, 30.1, -4.3

XYZ4.2, 2.5, 3.4

Decimal5248563

Color Harmonies

Complementary

#501633 #165033

Analogous

#50164F #501616

Triadic

#335016 #163250

Tetradic

#4F5016 #165033 #161650

Tints, Shades & Tones

Tints (Adding White)

#501633

#632F49

#764960

#8A6377

#9D7D8D

#B197A4

#C4B1BB

#D8CBD1

#EBE5E8

#FFFFFF

Shades (Adding Black)

#501633

#47132D

#3E1127

#350E22

#2C0C1C

#230916

#1A0711

#11040B

#080205

#000000

WCAG Contrast Accessibility

13.97:1

Text on #FFFFFF

AAA

1.50:1

Text on #000000

FAIL

13.35:1

Text on #F8FAFC

AAA

1.28:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #501633; }

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

Similar Colors

Black

#000000