Color Codes › Indigo vs Violet
Indigo vs Violet
See indigo and violet side by side with their codes, and a clear explanation of how they differ.
Indigo
Hex#4B0082
RGBrgb(75, 0, 130)
HSLhsl(275, 100%, 25%)
OKLCHoklch(0.34 0.18 302)
Violet
Hex#7F00FF
RGBrgb(127, 0, 255)
HSLhsl(270, 100%, 50%)
OKLCHoklch(0.53 0.29 294)
The difference between indigo and violet
Indigo is a deep blue-purple sitting between blue and violet on the spectrum; violet is lighter and leans more purple-pink. Indigo is darker and moodier; violet brighter and more floral.
If you are choosing between them for a design, the easiest way to decide is to view both against your background. Drop each hex into the contrast checker to confirm readability, or open the picker to fine-tune either one.
Quick reference
Indigo: #4B0082 · rgb(75, 0, 130) · hsl(275, 100%, 25%)
Violet: #7F00FF · rgb(127, 0, 255) · hsl(270, 100%, 50%)
Frequently asked questions
What is the difference between indigo and violet?
Indigo is a deep blue-purple sitting between blue and violet on the spectrum; violet is lighter and leans more purple-pink. Indigo is darker and moodier; violet brighter and more floral.
What is the hex code for indigo?
Indigo is #4B0082 (rgb(75, 0, 130)).
What is the hex code for violet?
Violet is #7F00FF (rgb(127, 0, 255)).
Popular colours
Sage green
Navy blue
Teal
Coral
Burgundy
Terracotta
Mint green
Shades of blue
Shades of pink
All colour codes →