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 |
| RGB | rgb(75, 0, 130) |
| HSL | hsl(275, 100%, 25%) |
| CMYK | C:42 M:100 Y:0 K:49 |
Indigo Shades and Variations
| Shade | HEX | Description |
|---|---|---|
| Light Indigo | #8A2BE2 | Blue Violet |
| Indigo | #4B0082 | CSS indigo |
| Dark Indigo | #310062 | Deeper tone |
| Navy | #000080 | Blue-dominant |
| Purple | #800080 | Red-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 |
|---|---|---|
| 5 | Blue | #0000FF |
| 6 | Indigo | #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 | #EEF2FF | Backgrounds |
| 500 | #6366F1 | Primary |
| 700 | #4338CA | Dark |
| 900 | #312E81 | Very dark |