Indigo #4B0082

Indigo#4B0082 · rgb(75, 0, 130)

Indigo color codes

CSS nameindigo
HEX#4B0082
RGBrgb(75, 0, 130)
HSLhsl(275, 100%, 25%)
CMYKcmyk(42%, 100%, 0%, 49%)
Decimal4915330

Shades of Indigo (darker)

#440075 · #3C0068 · #35005B · #2D004E · #260041 · #1E0034 · #170027 · #0F001A · #08000D

Tints of Indigo (lighter)

#5D1A8F · #6F339B · #814DA8 · #9366B4 · #A580C1 · #B799CD · #C9B3DA · #DBCCE6 · #EDE6F3

Color harmonies

Complementary
#358000
Triadic
#804A00, #00804A
Analogous
#0B0080, #800075

Accessibility (WCAG contrast)

White text on Indigo12.95:1 · AAA
Black text on Indigo1.62:1 · Fail

Use Indigo in code

.element {
  color: indigo;          /* or #4b0082 */
  background-color: rgb(75 0 130 / 0.5);
}

Frequently asked questions

What is the hex code for Indigo?

Indigo is #4B0082 in HEX, rgb(75, 0, 130) in RGB and hsl(275, 100%, 25%) in HSL.

Can I use "indigo" directly in CSS?

Yes. "indigo" is one of the 148 standard CSS named colors, so color: indigo; works in every browser.

Is Indigo readable on white?

The contrast ratio of Indigo on white is 12.95:1 (WCAG AAA). On black it is 1.62:1 (Fail).

What is the complementary color of Indigo?

The complementary color (opposite on the color wheel) is #358000.

Similar colors

Purple#800080Midnight Blue#191970Dark Slate Blue#483D8BRebecca Purple#663399Dark Magenta#8B008BNavy#000080Dark Blue#00008BDark Slate Gray#2F4F4F

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.