Skip to content

Indigo #4b0082

The dye that dressed the world.

RGB
75, 0, 130
HSL
275°, 100%, 26%
CMYK
42, 100, 0, 49
Luminance
0.0311

About Indigo

Indigo, #4b0082, sits between blue and violet — Newton’s controversial seventh rainbow color, kept partly for mystical arithmetic. As a dye it has no rival in human history: every pair of jeans on Earth is indigo’s descendant.

History

Indigofera plants fed five thousand years of dyeing from the Indus Valley (the word means “from India”) through slave-worked plantations that shaped colonial economies, until BASF’s 1897 synthesis ended the crop and began the era of industrial denim. Levi’s rivets did the rest.

Psychology

Indigo carries blue’s depth with violet’s introspection — intuition, night skies and the “third eye” of chakra tradition. In interfaces it reads as premium-tech: deeper than corporate blue, calmer than purple.

In design

Indigo is the modern web’s favorite dark accent family (#4f46e5, #6366f1) — vivid on white, luminous on dark. CSS indigo #4b0082 itself is nearly a text-safe black-alternative (12.3:1 on white). Pair with amber for energy, pink for gradients, slate for depth.

In culture

Indigo children, indigo moods, mood indigo — the color of dusk and Duke Ellington. Japan’s aizome workwear made it the color of labor centuries before denim did it again.

Brands that own indigo

Shades of indigo

Every format

HEX#4b0082
RGBrgb(75, 0, 130)
HSLhsl(275, 100%, 26%)
CMYKcmyk(42%, 100%, 0%, 49%)
LABlab(20.5 51.7 -53.3)
LCHlch(20.5 74.3 314.1)
OKLCHoklch(0.339 0.179 301.7)

Copy-ready code

/* CSS */
color: #4b0082;
background-color: #4b0082;
/* Tailwind (arbitrary) */
class="text-[#4b0082] bg-[#4b0082]"
/* SCSS */
$brand: #4b0082;
/* SwiftUI */
Color(red: 0.294, green: 0.000, blue: 0.510)
/* Android */
Color.parseColor("#4b0082")

Accessibility — WCAG contrast

Aa
#4b0082 on white: 12.95:1
AA ✓ pass · AA-large · AAA
Aa
#4b0082 on black: 1.62:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red29.4%
Green0.0%
Blue51.0%

CMYK percentages

Cyan42.3%
Magenta100.0%
Yellow0.0%
Key (black)49.0%

Color previews

#4b0082 text on a black background

contrast 1.62:1

Card sample

#4b0082 text on a white background

contrast 12.95:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #4b0082;
Background color
Panel with #4b0082 background
background-color: #4b0082;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #4b0082;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(75, 0, 130, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(75, 0, 130, 0.45);
Border & gradient
Gradient panel
border: 3px solid #4b0082;
background: linear-gradient(135deg, #4b0082, #820062);

Monochromatic scale

Palettes built from #4b0082

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Indigo, answered

What is the hex code for indigo?

CSS indigo is #4b0082. The popular UI indigo family sits lighter: #4f46e5 and #6366f1 (Tailwind’s indigo-600/500).

Why is indigo in the rainbow?

Newton wanted seven colors to mirror the musical scale, so he split blue-violet into “indigo.” Many vision scientists consider it a naming choice, not a perceptual band.

What made indigo dye so important?

It was the only natural dye producing durable deep blue at scale — powering trade empires for centuries until synthetic indigo (1897) moved it into every pair of jeans.

Work with #4b0082 in the Color Lab