HEX Color #572499 (Indigo)

About #572499

The hex code #572499 represents a beautifully specific shade of 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 87, 36, and 153.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 43% cyan and 76% 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. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#572499

RGB87, 36, 153

HSL266.2°, 61.9%, 37.1%

CMYK43%, 76%, 0%, 40%

HSV266.2°, 76.5%, 60.0%

LAB28.3, 47.3, -54.6

XYZ10.3, 5.6, 30.7

Decimal5711001

Color Harmonies

Complementary

#572499 #659924

Analogous

#242B99 #912499

Triadic

#995724 #249957

Tetradic

#99242B #659924 #249991

Tints, Shades & Tones

Tints (Adding White)

#572499

#693CA4

#7C54AF

#8F6DBB

#A185C6

#B49DD1

#C7B6DD

#D9CEE8

#ECE6F3

#FFFFFF

Shades (Adding Black)

#572499

#4D2088

#431C77

#3A1866

#301455

#261044

#1D0C33

#130822

#090411

#000000

WCAG Contrast Accessibility

9.92:1

Text on #FFFFFF

AAA

2.12:1

Text on #000000

FAIL

9.48:1

Text on #F8FAFC

AAA

1.80:1

Text on #0F172A

FAIL

CSS Implementation

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

.text-color { color: #572499; }

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

Similar Colors

Indigo

#4B0082