Indigo HEX Code
The HEX code for indigo is #4B0082. Indigo is a deep blue-violet color positioned between blue and violet in the visible spectrum. Named after the indigo dye derived from plants, it's one of the seven colors of the rainbow.
Indigo Color Values
| Format | Value | HEX#4B0082 RGBrgb(75, 0, 130) HSLhsl(275, 100%, 25%) CMYKC:42 M:100 Y:0 K:49
Indigo Shades and Variations
ShadeHEXDescription Light Indigo#8A2BE2Blue Violet Indigo#4B0082CSS indigo Dark Indigo#310062Deeper tone Navy#000080Blue-dominant Purple#800080Red-dominant | Midnight Blue | #191970 | Dark blue |
Indigo in Design
Indigo conveys:
- Depth: Mystery, introspection
- Wisdom: Intuition, perception
- Spirituality: Meditation, mindfulness
- Luxury: Premium, sophisticated
Rainbow Indigo
Indigo is the sixth color in the rainbow:
| Position | Color | HEX | 5Blue#0000FF 6Indigo#4B0082 | 7 | Violet | #EE82EE |
Using Indigo in Design
``css
/* Indigo palette */
:root {
--indigo-light: #6366F1;
--indigo: #4B0082;
--indigo-dark: #3730A3;
}
/* Modern indigo button */
.btn-indigo {
background-color: #4F46E5;
color: white;
}
``
Tailwind Indigo Scale
| Level | HEX | Use | 50#EEF2FFBackgrounds 500#6366F1Primary 700#4338CADark | 900 | #312E81 | Very dark |
Indigo is popular in modern UI design, particularly for primary brand colors in tech and SaaS applications.