Indigo Color

Learn about Indigo (#4b0082): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#4b0082
HEX #4b0082
RGB rgb(75, 0, 130)
HSL 275°, 100%, 25%

About Indigo Color

Indigo is a deep, intense purple-blue that represents wisdom and introspection. It adds depth and sophistication to creative and spiritual designs.

Use Cases for Indigo

creative brandingspiritual themesdeep accentsnight themesart portfolios

Shades & Tints of Indigo

#ffffff
#d2bfe0
#a580c1
#7840a1
#4b0082
#380062
#260041
#130021
#000000

Complementary Color

#4b0082
#358000

Analogous Colors

#0b0080
#4b0082
#800075

CSS Code

.indigo-color {
  color: #4b0082;
}

Contrast Recommendations

Black text on Indigo
Ratio: 1.62:1 ✗ Fails AA ✗ Fails AAA
White text on Indigo
Ratio: 12.95:1 ✓ Passes AA ✓ Passes AAA

Frequently Asked Questions

What color is Indigo?

Indigo is represented by the hex code #4b0082 and has RGB values of rgb(75, 0, 130). It falls under the Purple category.

How to use Indigo in web design?

Indigo works well for creative branding, spiritual themes, deep accents. Indigo is a deep, intense purple-blue that represents wisdom and introspection. It adds depth and sophistication to creative and spiritual designs. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Indigo?

Colors that pair well with Indigo include darkviolet, darkorchid, blueviolet, mediumslateblue, slateblue. For a complementary scheme, try #358000. For an analogous scheme, use #0b0080 and #800075.