What is the hex code for Indigo?

The hex code for Indigo is #4B0082. In RGB that is rgb(75, 0, 130), and in HSL it is hsl(275, 100%, 25%).

What RGB values make Indigo?

Indigo is 75 red, 0 green, and 130 blue, written as rgb(75, 0, 130).

Indigo scores 12.95:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.

Yes. You can write color: indigo directly in CSS, which every browser resolves to #4B0082.

#4B0082

Indigo is a purple tone at #4B0082. It sits at 275 degrees on the color wheel with 100% saturation and 25% lightness.

Color values

Tints mix Indigo with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#DBCCE6

Tint 60%

#B799CD

Tint 40%

#9366B4

Tint 20%

#6F339B

Base

#4B0082

Shade 20%

#3C0068

Shade 40%

#2D004E

Shade 60%

#1E0034

Shade 80%

#0F001A

On white

Sample text

12.95:1

Passes AAA for body text

On black

Sample text

1.62:1

Fails WCAG for text

Check a specific pairing in the contrast checker.

Frequently asked

What is the hex code for Indigo?: The hex code for Indigo is #4B0082. In RGB that is rgb(75, 0, 130), and in HSL it is hsl(275, 100%, 25%).
What RGB values make Indigo?: Indigo is 75 red, 0 green, and 130 blue, written as rgb(75, 0, 130).
Is Indigo readable as text on a white background?: Indigo scores 12.95:1 against white. WCAG AA needs 4.5:1 for body text, so it passes.
Is Indigo a valid CSS color name?: Yes. You can write color: indigo directly in CSS, which every browser resolves to #4B0082.