Light Indigo is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #7452FF, which equals rgb(116, 82, 255) in RGB and hsl(252, 100%, 66%) in HSL. In print terms it converts to roughly C55 M68 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7452FF - RGB
116, 82, 255 - HSL
252°, 100%, 66% - CMYK
55, 68, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Light Indigo
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 4.78:1. Its complementary color is #DCFF52.
Download Light Indigo as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Light Indigo color codes
| HEX | #7452FF |
|---|---|
| RGB | rgb(116, 82, 255) |
| HSL | hsl(252, 100%, 66%) |
| HSV | 252°, 68%, 100% |
| CMYK | 55%, 68%, 0%, 0% |
| Decimal | 7623423 |
Shades and tints of Light Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E8E2FF - 100
#D1C5FF - 200
#BAA9FF - 300
#A28CFF - 400
#8B6FFF - 500
#7452FF - 600
#6144D5 - 700
#4D37AA - 800
#3A2980 - 900
#271B55 - 950
#130E2B
Color harmonies for Light Indigo
- Complementary
#DCFF52≈ Light Chartreuse - Analogous −30°
#5286FF≈ Light Cornflower - Analogous +30°
#CB52FF≈ Light Amethyst - Triadic +120°
#FF7452≈ Coral - Triadic +240°
#52FF74≈ Light Kelly - Split 150°
#FFCB52≈ Mustard - Split 210°
#86FF52≈ Light Fern
Contrast and accessibility of Light Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Indigo | Aa | 4.78:1 | AA (good) |
| Black text on Light Indigo | Aa | 4.39:1 | AA Large only |
CSS code for Light Indigo
background-color: #7452FF;color: #7452FF;background-color: rgb(116, 82, 255);background-color: hsl(252, 100%, 66%);:root { --color-light-indigo: #7452FF; }class="bg-[#7452FF]"Colors similar to Light Indigo
- Light Ultramarine
#6352FF - Light Iris
#8652FF - Light Bright Ultramarine
#7163EE - Light Bright Indigo
#7F63EE - Light Bright Blue
#6363EE - Medium Light Bright Iris
#723EEA - Light Blue Tone
#5252FF - Medium Slate Blue
#7B68EE - Light Periwinkle
#9752FF - Medium Light Bright Periwinkle
#833EEA - Light Bright Iris
#8D63EE - Medium Light Bright Indigo
#603EEA
More blue shades
- Very Dark Indigo
#12005C - Dark Indigo
#1B0085 - Deep Indigo
#2300AD - Medium Dark Indigo
#2B00D6 - Pure Indigo
#3300FF - Medium Light Indigo
#5429FF - Pale Indigo
#957AFF - Very Pale Indigo
#B6A3FF - Palest Indigo
#D6CCFF - Darkest Bright Indigo
#0D052E - Very Dark Bright Indigo
#180953
Frequently asked questions
What is the HEX code for Light Indigo?
The HEX code for Light Indigo is #7452FF.
What is the RGB value of Light Indigo?
Light Indigo has an RGB value of 116, 82, 255 (rgb(116, 82, 255)). In HSL it is 252°, 100%, 66%.
What text color should I use on Light Indigo?
Use white text on Light Indigo. White text has a contrast ratio of 4.78:1 and black text has 4.39:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Indigo?
The complementary color of Light Indigo is #DCFF52. Analogous colors #5286FF and #CB52FF also pair well.