Skip to the color picker

#9e86dc color: Soft violet

#9e86dc is rgb(158, 134, 220) in RGB and oklch(67.646% 0.12619 295.681) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

257°
100%

67.6%
0.126
296°
  • Violet
  • Medium
  • Soft
  • Cool
  • ≈ Amethyst
  • violet-400
  • Black 14%

Inside sRGB: displays the same on any screen.

White text
3.04:1Hard to read
Lc -63
Black text
6.90:1Readable · AA
Lc 47

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 #9e86dc

#9e86dc is a soft violet color. In OKLCH it has 67.6% lightness, 0.126 chroma and a hue of 296°.

Inside sRGB: displays the same on any screen.

White text on it reaches 3.04:1 contrast and black text 6.9:1, so black text reads better.

The closest named color is Perrywinkle (#8f8ce7). In Tailwind CSS the closest color is violet-400.

More medium violet colors

Lighter: #9e86dc mixed with white

  1. 9e86dc
  2. a792e0
  3. b09ee4
  4. baaae8
  5. c3b6ec
  6. cdc2ef
  7. d7cef3
  8. e1daf6
  9. ebe7f9
  10. f5f3fc

Darker: #9e86dc mixed with black

  1. 9e86dc
  2. 8974bf
  3. 7462a3
  4. 605188
  5. 4d406e
  6. 3a3054
  7. 29213c
  8. 181326
  9. 090611
  10. 010102

Calmer: #9e86dc with less saturation

  1. 9e86dc
  2. 9d88d5
  3. 9c8acf
  4. 9b8cc8
  5. 9b8ec1
  6. 9a90ba
  7. 9991b4
  8. 9993ad
  9. 9894a5
  10. 98969e

Similar named colors

Colors that go with #9e86dc

Complementary
#9e86dc#94a03b
Analogous
#9e86dc#7294e5#bf7ac1
Triadic
#9e86dc#d28143#05b094
Split
#9e86dc#ba9027#60ac66

Questions about #9e86dc

What color is #9e86dc?

#9e86dc is soft violet. The closest named color is Soft violet. In RGB it is rgb(158, 134, 220), in HSL hsl(256.74, 55.13%, 69.41%) and in OKLCH oklch(67.646% 0.12619 295.681).

What colors go well with #9e86dc?

The complementary color of #9e86dc is #94a03b. For a calmer combination use the analogous colors #7294e5 and #bf7ac1. The triadic partners are #d28143 and #05b094.

Is white or black text more readable on #9e86dc?

Black text reads better on #9e86dc: white gives a contrast ratio of 3.04:1 and black gives 6.9:1. WCAG AA asks for at least 4.5:1 for body text.

Is #9e86dc a warm or cool color?

#9e86dc is a cool color. In OKLCH its hue is 296 degrees, its lightness 67.6% and its chroma 0.126.