Lavender Indigo
Color format
Unlimited palettes, token exports, brand kits and team libraries.
Color harmony
Dark text
3.85:1
White text
4.35:1
Lavender Indigo has the punch of a lit sign, though its name suggests a gentler flower. That mismatch is what makes it useful: one small mark can change the temperature of a quiet layout.
| Color model | Value | Common use |
|---|---|---|
| HEX | #9457EB | Web and interface color |
| RGB | rgb(148, 87, 235) | Digital screens |
| HSL | hsl(265, 79%, 63%) | Hue-based adjustments |
| HSV | hsv(265, 63%, 92%) | Color pickers |
| CMYK | 37%, 63%, 0%, 8% | Print reference |
#9457eb
#171429
#c8b5f4
#f4f1ff
#9457eb
#f4c430
#fff0a6
#352a49
#9457eb
#3eb489
#bde8d5
#273b36
#9457eb
#10131f
#7da8ff
#f4f1ff
On a phone-sized icon, Lavender Indigo stays crisp and unmistakable. Give it a large uninterrupted panel and the blue-violet intensity takes over; a narrow border or selected tab keeps the color lively without letting it dominate.
Printed beside Iris Purple, it reads as the sharper step in a violet scale. A restrained touch of Saffron Yellow gives that cool pair a warm point of focus.
The name promises something soft, but #9457EB has little of lavender’s powdery reserve. On a dark field it looks almost luminous; on pale gray or cream, its edges feel cleaner and more graphic.
#9457eb
#9f68ed
#a979ef
#b489f1
#bf9af3
#caabf5
#d4bcf7
#dfcdf9
#eaddfb
#f4eefd
#ffffff
#9457eb
#854ed4
#7646bc
#683da4
#59348d
#4a2c76
#3b235e
#2c1a46
#1e112f
#0f0918
#9457eb
#eb9457
#57eb94
#603999
#7947c1
#9457eb
#a775ef
#b992f2
#5764eb
#9457eb
#de57eb
#9457eb
#aeeb57