Skip to the color picker

#877df3 color: Bright indigo

#877df3 is rgb(135, 125, 243) in RGB and oklch(65.371% 0.17079 284.469) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

245°
100%

65.4%
0.171
284°
  • Indigo
  • Medium
  • Vivid
  • Cool
  • ≈ Amethyst
  • indigo-400
  • Black 5%

Inside sRGB: displays the same on any screen.

White text
3.36:1Hard to read
Lc -66
Black text
6.26:1Readable · AA
Lc 43

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 #877df3

#877df3 is a bright indigo color. In OKLCH it has 65.4% lightness, 0.171 chroma and a hue of 284°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.36:1 contrast and black text 6.26:1, so white text reads better.

The closest named color is Blue Party Parrot (#8080ff). In Tailwind CSS the closest color is indigo-400.

More medium indigo colors

Lighter: #877df3 mixed with white

  1. 877df3
  2. 928bf5
  3. 9c98f7
  4. a8a5f9
  5. b3b2fb
  6. bfbffc
  7. ccccfe
  8. d8d9fe
  9. e5e6ff
  10. f2f2ff

Darker: #877df3 mixed with black

  1. 877df3
  2. 756cd3
  3. 635bb4
  4. 514b97
  5. 413b7a
  6. 312c5e
  7. 211e44
  8. 13112b
  9. 060514
  10. 010103

Calmer: #877df3 with less saturation

  1. 877df3
  2. 8780e9
  3. 8883e0
  4. 8885d6
  5. 8987cd
  6. 8a89c3
  7. 8b8bb9
  8. 8c8caf
  9. 8d8ea5
  10. 8f8f9b

Similar named colors

Colors that go with #877df3

Complementary
#877df3#a09400
Analogous
#877df3#3a91f5#b66bd7
Triadic
#877df3#e26625#00ae76
Split
#877df3#c77e00#60a627

Questions about #877df3

What color is #877df3?

#877df3 is bright indigo. The closest named color is Bright indigo. In RGB it is rgb(135, 125, 243), in HSL hsl(245.08, 83.1%, 72.16%) and in OKLCH oklch(65.371% 0.17079 284.469).

What colors go well with #877df3?

The complementary color of #877df3 is #a09400. For a calmer combination use the analogous colors #3a91f5 and #b66bd7. The triadic partners are #e26625 and #00ae76.

Is white or black text more readable on #877df3?

White text reads better on #877df3: white gives a contrast ratio of 3.36:1 and black gives 6.26:1. WCAG AA asks for at least 4.5:1 for body text.

Is #877df3 a warm or cool color?

#877df3 is a cool color. In OKLCH its hue is 284 degrees, its lightness 65.4% and its chroma 0.171.