CSS named color
Indigo
#4B0082
HEX
#4b0082RGB
rgb(75, 0, 130)HSL
hsl(275, 100%, 25%)OKLCH
oklch(33.90% 0.1793 301.68)NAME
indigoPalette
Complementary
180° on the color wheelComplement
#358000
Analogous
±30° around the base hueLeft
#0B0080
Right
#800075
Triadic
±120° for harmonic contrastTriad 1
#804A00
Triad 2
#00804A
Shades
Lighter and darker variantsCSS usage
By name
color: indigo;
background-color: indigo;By HEX
color: #4b0082;
background-color: #4b0082;By RGB
color: rgb(75, 0, 130);
background-color: rgb(75, 0, 130);By HSL
color: hsl(275, 100%, 25%);
background-color: hsl(275, 100%, 25%);WCAG contrast vs white
Aa
12.95:1
AAA
WCAG contrast vs black
Aa
1.62:1
Below minimum
Related colors
FAQ — Indigo
What is the HEX code for Indigo?
The HEX code for Indigo is #4B0082. It's one of the 148 named CSS colors and can be used directly in CSS as color: indigo; or color: #4b0082;
What is Indigo in RGB?
Indigo in RGB is rgb(75, 0, 130) — red 75, green 0, blue 130.
What is Indigo in HSL?
Indigo in HSL is hsl(275, 100%, 25%) — hue 275°, saturation 100%, lightness 25%.
What is the complementary color of Indigo?
The complementary color (directly opposite Indigo on the color wheel) is #358000. The two together produce maximum contrast.
Is white text readable on Indigo?
The WCAG contrast ratio against white (#FFFFFF) is 12.95:1, and against black (#000000) it's 1.62:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.