indigo blue Color Codes
Color Preview
Indigo Blue Color Values
Related Colors
Complementary
#b4ff7d
Analogous
hsl(305, 100%, 25%)
hsl(245, 100%, 25%)
Triadic
hsl(35, 100%, 25%)
hsl(155, 100%, 25%)
Tetradic
hsl(5, 100%, 25%)
hsl(95, 100%, 25%)
hsl(185, 100%, 25%)
HTML Snippets
.element { background-color: #4B0082; }.element { color: #4B0082; }This is how the text color would appear.
<span style="color: #4B0082;">Colored text</span>This text has an inline style applied.
Accessibility
Contrast Ratios
Black1.62 (Fail)
White12.95 (AA)
Shades of Indigo Blue
hsl(275, 100%, 0%)
hsl(275, 100%, 10%)
#4B0082
hsl(275, 100%, 40%)
hsl(275, 100%, 55%)
Color Blindness Simulations
Protanopia (Red-Blind)
#2b2a75
Deuteranopia (Green-Blind)
#2f3572
Tritanopia (Blue-Blind)
#472024
Related Palettes
About indigo blue
indigo blue (#4B0082) is a versatile color that can be used in various design contexts. Explore its hex code, RGB and HSL values, and discover complementary colors to create stunning color palettes for your projects.