Skip to the color picker

#8a87dc color: Indigo Bloom

#8a87dc is rgb(138, 135, 220) in RGB and oklch(66.165% 0.12466 284.054) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

242°
100%

66.2%
0.125
284°
  • Indigo
  • Medium
  • Soft
  • Cool
  • ≈ Amethyst
  • indigo-400
  • Black 14%

Inside sRGB: displays the same on any screen.

White text
3.19:1Hard to read
Lc -64
Black text
6.58:1Readable · AA
Lc 45

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 #8a87dc

#8a87dc is a soft indigo color. In OKLCH it has 66.2% lightness, 0.125 chroma and a hue of 284°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.19:1 contrast and black text 6.58: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: #8a87dc mixed with white

  1. 8a87dc
  2. 9593e0
  3. a09fe4
  4. ababe8
  5. b6b7ec
  6. c2c3f0
  7. cecff3
  8. dadbf6
  9. e6e7f9
  10. f2f3fc

Darker: #8a87dc mixed with black

  1. 8a87dc
  2. 7775bf
  3. 6563a3
  4. 535188
  5. 42416e
  6. 323154
  7. 22213c
  8. 141326
  9. 070611
  10. 010102

Calmer: #8a87dc with less saturation

  1. 8a87dc
  2. 8b89d5
  3. 8b8ace
  4. 8c8cc7
  5. 8d8dbf
  6. 8e8eb8
  7. 8e8fb1
  8. 8f90a9
  9. 9091a2
  10. 91929a

Similar named colors

Colors that go with #8a87dc

Complementary
#8a87dc#a0962a
Analogous
#8a87dc#5a95dd#ae7ac8
Triadic
#8a87dc#d17750#32aa7e
Split
#8a87dc#c0862a#72a351

Questions about #8a87dc

What color is #8a87dc?

#8a87dc is soft indigo. The closest named color is Indigo Bloom. In RGB it is rgb(138, 135, 220), in HSL hsl(242.12, 54.84%, 69.61%) and in OKLCH oklch(66.165% 0.12466 284.054).

What colors go well with #8a87dc?

The complementary color of #8a87dc is #a0962a. For a calmer combination use the analogous colors #5a95dd and #ae7ac8. The triadic partners are #d17750 and #32aa7e.

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

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

Is #8a87dc a warm or cool color?

#8a87dc is a cool color. In OKLCH its hue is 284 degrees, its lightness 66.2% and its chroma 0.125.