What does the color Indigo mean?

Purple

Indigo

#4b0082

#6f339b

#9366b4

#b799cd

#dbcce6

#561a82

Meaning

Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.

History

Indigo is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use Indigo (#4b0082) in CSS as color: indigo; or as #4b0082.

Preview

Indigo

#4b0082

Overview

Family: Purple

Accessibility on this swatch:

AAA

(12.95:1)

Contrast vs white: 12.95:1 · vs black: 1.62:1

Formats

HEX

#4b0082

RGB

rgb(75, 0, 130)

RGBA

rgba(75, 0, 130, 1)

HSL

hsl(275, 100%, 25%)

HSV

hsv(275, 100%, 51%)

LAB

lab(20.47% 51.69 -53.31)

LCH

lch(20.47% 74.26 314.12)

OKLAB

oklab(0.339 0.0942 -0.1526)

OKLCH

oklch(0.339 0.1793 301.69)

XYZ

xyz(6.93, 3.11, 21.35)

CMYK

cmyk(42%, 100%, 0%, 49%)

CSS

color: #4b0082;

CSS variable

--color-4b0082: #4b0082;

SCSS

$color-4b0082: #4b0082;

Tailwind

violet-700

Export

Developer code

:root {
  --indigo-1: #4b0082;
}

Color psychology

Imagination, luxury, and wisdom. Frequently used for premium, creative, and tech brands.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Purple family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#6f339b

#9366b4

#b799cd

#dbcce6

#561a82

#603381

#6b4d81

#756680

Similar colors

#191381

#231f98

#000080

#181494

#100b8e

#201c82

#0e1795

#172096

Browse more in the color name library.