Color guide
Indigo Color
#6366F1
indigo color codes
What indigo means
Indigo sits between blue and violet: as trustworthy as blue but more imaginative. It is the unofficial color of modern dev tools.
How to use it in design
A safe, modern primary for SaaS dashboards, docs sites and developer brands.
Color combinations with indigo
Harmonies calculated with color theory for the base hue 239°.
Complementary
Maximum contrast: #6366F1 + #F2EF64
Analogous
Harmony at ±30°: #64ADF2 · #6366F1 · #A864F2
Triadic
Even 120° spacing: #6366F1 · #F26467 · #67F264
indigo color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #6366F1.
Colors that go well with indigo
FAQ about the indigo color
What is the HEX code of indigo?
A widely used hex value for indigo is #6366F1, which equals rgb(99, 102, 241). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (239°).
What colors go well with indigo?
indigo pairs beautifully with amber, mint, white, pink. Its complementary color is #F2EF64, and a classic triadic scheme adds #F26467 and #67F264.
Is indigo accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping indigo in text or UI elements.
Create your own indigo palette
Generate harmonious combinations from #6366F1 in seconds.
Open the palette generator