Skip to the color picker

#878cbb color: Soft Blue Lavender

#878cbb is rgb(135, 140, 187) in RGB and oklch(65.352% 0.0702 279.546) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

234°
100%

65.4%
0.070
280°
  • Indigo
  • Medium
  • Soft
  • Dusty
  • Cool
  • ≈ Slate
  • slate-400
  • Black 27%

Inside sRGB: displays the same on any screen.

White text
3.23:1Hard to read
Lc -65
Black text
6.50: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 #878cbb

#878cbb is a dusty indigo color. In OKLCH it has 65.4% lightness, 0.07 chroma and a hue of 280°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.23:1 contrast and black text 6.5:1, so black text reads better.

The closest named color is Soft Blue Lavender (#888cba). In Tailwind CSS the closest color is slate-400.

More medium indigo colors

Lighter: #878cbb mixed with white

  1. 878cbb
  2. 9297c2
  3. 9ea2c9
  4. a9aed0
  5. b5b9d7
  6. c1c4dd
  7. cdd0e4
  8. d9dceb
  9. e6e7f2
  10. f2f3f8

Darker: #878cbb mixed with black

  1. 878cbb
  2. 7579a2
  3. 63678a
  4. 515573
  5. 41435c
  6. 313346
  7. 212332
  8. 13141f
  9. 06070d
  10. 010102

Calmer: #878cbb with less saturation

  1. 878cbb
  2. 888db7
  3. 898db3
  4. 8a8eae
  5. 8a8eaa
  6. 8b8ea6
  7. 8c8fa2
  8. 8d8f9d
  9. 8e8f99
  10. 8f9095

Similar named colors

Colors that go with #878cbb

Complementary
#878cbb#9a915f
Analogous
#878cbb#6f94ba#9d85b1
Triadic
#878cbb#b68270#6a9e81
Split
#878cbb#ac8961#82996b

Questions about #878cbb

What color is #878cbb?

#878cbb is dusty indigo. The closest named color is Soft Blue Lavender. In RGB it is rgb(135, 140, 187), in HSL hsl(234.23, 27.66%, 63.14%) and in OKLCH oklch(65.352% 0.0702 279.546).

What colors go well with #878cbb?

The complementary color of #878cbb is #9a915f. For a calmer combination use the analogous colors #6f94ba and #9d85b1. The triadic partners are #b68270 and #6a9e81.

Is white or black text more readable on #878cbb?

Black text reads better on #878cbb: white gives a contrast ratio of 3.23:1 and black gives 6.5:1. WCAG AA asks for at least 4.5:1 for body text.

Is #878cbb a warm or cool color?

#878cbb is a cool color. In OKLCH its hue is 280 degrees, its lightness 65.4% and its chroma 0.07.