Skip to the color picker

#686bc1 color: Bluish Purple Anemone

#686bc1 is rgb(104, 107, 193) in RGB and oklch(56.565% 0.13101 279.827) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

238°
100%

56.6%
0.131
280°
  • Indigo
  • Medium
  • Soft
  • Cool
  • ≈ Royal blue
  • slate-500
  • Black 24%

Inside sRGB: displays the same on any screen.

White text
4.71:1Readable · AA
Lc -78
Black text
4.46:1Hard to read
Lc 32

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 #686bc1

#686bc1 is a soft indigo color. In OKLCH it has 56.6% lightness, 0.131 chroma and a hue of 280°.

Inside sRGB: displays the same on any screen.

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

The closest named color is Bluish Purple Anemone (#6666bb). In Tailwind CSS the closest color is slate-500.

More medium indigo colors

Lighter: #686bc1 mixed with white

  1. 686bc1
  2. 757ac8
  3. 8388cf
  4. 9297d6
  5. a0a6dc
  6. afb4e2
  7. bfc3e8
  8. ced2ee
  9. dee1f4
  10. eff0fa

Darker: #686bc1 mixed with black

  1. 686bc1
  2. 595ca7
  3. 4b4e8f
  4. 3e3f77
  5. 30325f
  6. 242549
  7. 181834
  8. 0c0d20
  9. 04040e
  10. 000002

Calmer: #686bc1 with less saturation

  1. 686bc1
  2. 696dba
  3. 6a6eb3
  4. 6b70ab
  5. 6d71a4
  6. 6e729c
  7. 707395
  8. 71748d
  9. 737586
  10. 74757e

Questions about #686bc1

What color is #686bc1?

#686bc1 is soft indigo. The closest named color is Bluish Purple Anemone. In RGB it is rgb(104, 107, 193), in HSL hsl(237.98, 41.78%, 58.24%) and in OKLCH oklch(56.565% 0.13101 279.827).

What colors go well with #686bc1?

The complementary color of #686bc1 is #897600. For a calmer combination use the analogous colors #2e7abf and #8d5eaf. The triadic partners are #b55735 and #008d5a.

Is white or black text more readable on #686bc1?

White text reads better on #686bc1: white gives a contrast ratio of 4.71:1 and black gives 4.46:1. WCAG AA asks for at least 4.5:1 for body text.

Is #686bc1 a warm or cool color?

#686bc1 is a cool color. In OKLCH its hue is 280 degrees, its lightness 56.6% and its chroma 0.131.