Skip to the color picker

#8a87d2 color: Indigo Bloom

#8a87d2 is rgb(138, 135, 210) in RGB and oklch(65.653% 0.11045 284.751) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

242°
100%

65.7%
0.110
285°
  • Indigo
  • Medium
  • Soft
  • Cool
  • ≈ Amethyst
  • indigo-400
  • Black 18%

Inside sRGB: displays the same on any screen.

White text
3.24:1Hard to read
Lc -65
Black text
6.48:1Readable · AA
Lc 44

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Open as palette

Recent

Colors you stop on or copy appear here. They stay on this device.

About #8a87d2

#8a87d2 is a soft indigo color. In OKLCH it has 65.7% lightness, 0.11 chroma and a hue of 285°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.24:1 contrast and black text 6.48:1, so black text reads better.

The closest named color is Indigo Bloom (#8a83da). In Tailwind CSS the closest color is indigo-400.

More medium indigo colors

Lighter: #8a87d2 mixed with white

  1. 8a87d2
  2. 9593d7
  3. a09fdc
  4. ababe1
  5. b6b7e6
  6. c2c2ea
  7. ceceef
  8. dadbf3
  9. e6e7f7
  10. f3f3fb

Darker: #8a87d2 mixed with black

  1. 8a87d2
  2. 7775b6
  3. 65639b
  4. 535181
  5. 424168
  6. 323150
  7. 222139
  8. 141324
  9. 070610
  10. 010102

Calmer: #8a87d2 with less saturation

  1. 8a87d2
  2. 8a88cc
  3. 8b8ac5
  4. 8c8bbf
  5. 8c8cb9
  6. 8d8db2
  7. 8e8eac
  8. 8e8fa5
  9. 8f909f
  10. 909098

Similar named colors

Colors that go with #8a87d2

Complementary
#8a87d2#9c953c
Analogous
#8a87d2#6194d3#aa7cc0
Triadic
#8a87d2#c97a56#42a680
Split
#8a87d2#b9863b#74a059

Questions about #8a87d2

What color is #8a87d2?

#8a87d2 is soft indigo. The closest named color is Indigo Bloom. In RGB it is rgb(138, 135, 210), in HSL hsl(242.4, 45.45%, 67.65%) and in OKLCH oklch(65.653% 0.11045 284.751).

What colors go well with #8a87d2?

The complementary color of #8a87d2 is #9c953c. For a calmer combination use the analogous colors #6194d3 and #aa7cc0. The triadic partners are #c97a56 and #42a680.

Is white or black text more readable on #8a87d2?

Black text reads better on #8a87d2: white gives a contrast ratio of 3.24:1 and black gives 6.48:1. WCAG AA asks for at least 4.5:1 for body text.

Is #8a87d2 a warm or cool color?

#8a87d2 is a cool color. In OKLCH its hue is 285 degrees, its lightness 65.7% and its chroma 0.11.