Indigo Color

CSS Name indigo
HEX #4B0082
RGB rgb(75, 0, 130)
HSL hsl(275, 100%, 25%)
CMYK cmyk(42%, 100%, 0%, 49%)

About Indigo

Indigo is one of the 148 CSS named colors recognized by all modern browsers. You can use it in CSS by name (color: indigo;) or by its HEX code (color: #4B0082;).

This shade is generally considered a dark color. That makes it useful for designers who need to quickly judge whether the color is better suited for backgrounds, accents, borders, or text treatments before moving it into a real interface.

Usage in CSS

.element {
  color: indigo;
  /* or */
  color: #4B0082;
  /* or */
  color: rgb(75, 0, 130);
}

Design Notes

Indigo often works best with white text, pale neutrals, or light UI accents. If you are building UI components, presentations, dashboards, or brand materials, test the color in context rather than relying only on the raw HEX code because spacing, typography, and surrounding colors can change how the final shade feels.

It can also help to compare Indigo with nearby named colors before locking in a palette. Similar colors may have the same overall tone but very different saturation or lightness, which affects readability, hierarchy, and perceived brand personality.

Frequently Asked Questions

What is the HEX code for Indigo?

The HEX code for Indigo is #4B0082.

What is the RGB value of Indigo?

The RGB value is rgb(75, 0, 130).

Browse More Named Colors