Light Indigo #6D5ACF
Light Indigo is a medium-dark, vivid purple with hex code #6D5ACF and RGB rgb(109, 90, 207).
Aa
White text reads best on this color (5.23:1).
About this color
#6D5ACF is a medium-dark, vivid purple. In OKLCH its lightness is 55%, its chroma 0.174 and its hue 287°. Its hue sits on the cool side of the wheel. It is the named color Light Indigo. White text reads best on it, at 5.23:1.
| Hue family | Purples |
| Lightness | medium-dark (55%) |
| Chroma | vivid (0.174) |
| Temperature | cool |
| Nearest name | Light Indigo |
| Black text | 4.01:1 |
| White text | 5.23:1 |
Colors that go with Light Indigo
Matches found by rotating Light Indigo around the OKLCH hue wheel, each labelled with the closest name in our list.
Complementary
The opposite hue (180°).
Analogous
Neighbouring hues, 30° either side.
Triadic
Three hues spaced 120° apart.
Color palettes with Light Indigo
Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Light Indigo, closest first.
Similar named colors
The eight named colors closest to Light Indigo, with their ΔE distance.
- Slate Blue #6A5ACD ΔE 0.006
- Dark Periwinkle #665FD1 ΔE 0.015
- Iris #6258C4 ΔE 0.025
- Purpley #8756E4 ΔE 0.053
- Warm Blue #4B57DB ΔE 0.054
- Bluey Purple #6241C7 ΔE 0.060
- Medium Slate Blue #7B68EE ΔE 0.061
- Royal Blue #4169E1 ΔE 0.066
More about Light Indigo
How to make Light Indigo
A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.
- 2 parts purple
- 1 part blue
- 1 part white
Recipe result: #6D4FB4, a difference of ΔE 0.048 from Light Indigo. That is close; add a little more of one paint to match.
Codes for Light Indigo in every format
| HEX | #6D5ACF |
| RGB | rgb(109, 90, 207) |
| HSL | hsl(250, 55%, 58%) |
| OKLCH | oklch(54.8% 0.174 286.6) |
Contrast
WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.
| Pair | WCAG 2 | Result | APCA | APCA guidance |
|---|---|---|---|---|
| White text on #6D5ACF | 5.23:1 | AA | Lc -81.0 | Fine for body text |
| Black text on #6D5ACF | 4.01:1 | AA large text | Lc 28.4 | Dividers and decoration only |
| #6D5ACF text on white | 5.23:1 | AA | Lc 75.6 | Fine for body text |
| #6D5ACF text on black | 4.01:1 | AA large text | Lc -26.1 | Dividers and decoration only |
Shades and tints of Light Indigo
A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 600.
-
Step 50
50
#F5F5FC
oklch(97.2% 0.009 286.2)
-
Step 100
100
#E8E8F9
oklch(93.6% 0.023 286)
-
Step 200
200
#D6D5F5
oklch(88.4% 0.044 286.9)
-
Step 300
300
#BCBAF1
oklch(80.9% 0.077 286.2)
-
Step 400
400
#9B94EA
oklch(70.7% 0.124 286.5)
-
Step 500
500
#8477E4
oklch(63.1% 0.159 286.4)
-
Step 600
600 (this color)
#6D5ACF
oklch(54.8% 0.174 286.6)
-
Step 700
700
#5D4BB6
oklch(49% 0.162 286.5)
-
Step 800
800
#4C3F93
oklch(42.8% 0.133 286.4)
-
Step 900
900
#3F3675
oklch(37.7% 0.104 286.8)
-
Step 950
950
#252045
oklch(27% 0.067 287.2)
Light Indigo with color blindness
Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.
| Vision | Seen as | Shift (ΔE) |
|---|---|---|
| Protanopia (no red cones) | #0A6FD3 | 0.096 |
| Deuteranopia (no green cones) | #0669CC | 0.095 |
| Tritanopia (no blue cones) | #4C748C | 0.144 |
| Achromatopsia (no color) | #6C6C6C | 0.174 |
Use Light Indigo in your product
Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.