HEX Color #50168A (Indigo)

About #50168A

Visually, #50168A is defined as a vivid purple. If you're using CSS, you might find it aligns closely with Indigo. To achieve this exact tint on a monitor, you would use an RGB mix of 80, 22, and 138.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 42% cyan and 84% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. 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#50168A

RGB80, 22, 138

HSL270.0°, 72.5%, 31.4%

CMYK42%, 84%, 0%, 46%

HSV270.0°, 84.1%, 54.1%

LAB24.0, 48.2, -52.4

XYZ8.2, 4.1, 24.4

Decimal5248650

Color Harmonies

Complementary

#50168A #508A16

Analogous

#16168A #8A1689

Triadic

#8A5016 #168A50

Tetradic

#8A1616 #508A16 #16898A

Tints, Shades & Tones

Tints (Adding White)

#50168A

#632F97

#7649A4

#8A63B1

#9D7DBE

#B197CB

#C4B1D8

#D8CBE5

#EBE5F2

#FFFFFF

Shades (Adding Black)

#50168A

#47137A

#3E116B

#350E5C

#2C0C4C

#23093D

#1A072E

#11041E

#08020F

#000000

WCAG Contrast Accessibility

11.52:1

Text on #FFFFFF

AAA

1.82:1

Text on #000000

FAIL

11.01:1

Text on #F8FAFC

AAA

1.55:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #50168A; }

.text-color { color: #50168A; }

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

Similar Colors

Indigo

#4B0082