HEX Color #50006D (Indigo)

About #50006D

At its core, #50006D is a dark and vivid hue. Designers often compare it to the standard color Indigo. Its digital footprint relies on 80 parts red, 0 parts green, and 109 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 27% cyan and 100% magenta inks. The HSL representation is 284.0° hue, 100.0% saturation, and 21.4% 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#50006D

RGB80, 0, 109

HSL284.0°, 100.0%, 21.4%

CMYK27%, 100%, 0%, 57%

HSV284.0°, 100.0%, 42.7%

LAB19.3, 47.8, -41.8

XYZ6.1, 2.8, 14.7

Decimal5242989

Color Harmonies

Complementary

#50006D #1C6D00

Analogous

#19006D #6D0053

Triadic

#6D5000 #006D50

Tetradic

#6D1900 #1C6D00 #00536D

Tints, Shades & Tones

Tints (Adding White)

#50006D

#631C7D

#76388D

#8A559D

#9D71AD

#B18DBE

#C4AACE

#D8C6DE

#EBE2EE

#FFFFFF

Shades (Adding Black)

#50006D

#470060

#3E0054

#350048

#2C003C

#230030

#1A0024

#110018

#08000C

#000000

WCAG Contrast Accessibility

13.44:1

Text on #FFFFFF

AAA

1.56:1

Text on #000000

FAIL

12.85:1

Text on #F8FAFC

AAA

1.33:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #50006D; }

.text-color { color: #50006D; }

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

Similar Colors

Indigo

#4B0082