HEX Color #57008A (Indigo)

About #57008A

The precise color #57008A is an excellent choice for modern design projects. It is closely associated with the named CSS color Indigo. Its digital footprint relies on 87 parts red, 0 parts green, and 138 parts blue light.

Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 37% cyan, 100% magenta, 0% yellow, and 46% black. The HSL representation is 277.8° hue, 100.0% saturation, and 27.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a dark color, it is generally recommended to use #FFFFFF text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#57008A

RGB87, 0, 138

HSL277.8°, 100.0%, 27.1%

CMYK37%, 100%, 0%, 46%

HSV277.8°, 100.0%, 54.1%

LAB23.2, 54.8, -53.8

XYZ8.5, 3.9, 24.3

Decimal5701770

Color Harmonies

Complementary

#57008A #328A00

Analogous

#12008A #8A0077

Triadic

#8A5700 #008A57

Tetradic

#8A1200 #328A00 #00778A

Tints, Shades & Tones

Tints (Adding White)

#57008A

#691C97

#7C38A4

#8F55B1

#A171BE

#B48DCB

#C7AAD8

#D9C6E5

#ECE2F2

#FFFFFF

Shades (Adding Black)

#57008A

#4D007A

#43006B

#3A005C

#30004C

#26003D

#1D002E

#13001E

#09000F

#000000

WCAG Contrast Accessibility

11.85:1

Text on #FFFFFF

AAA

1.77:1

Text on #000000

FAIL

11.33:1

Text on #F8FAFC

AAA

1.51:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Indigo

#4B0082