Skip to the color picker
PickShade

#686bc2 color: Bluish Purple Anemone

Every format, shade and contrast value for #686bc2. Drag the picker to explore nearby colors.

Read as HEX

238°
100%

OKLCH

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

Looks the same on every screen.

White text4.70:1 · AALc -78
Black text4.47:1 · Below AALc 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 #686bc2

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

Looks the same on every screen.

White text on it reaches 4.7:1 contrast and black text 4.47: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: #686bc2 mixed with white

  1. 686bc2
  2. 757ac9
  3. 8388d0
  4. 9197d6
  5. a0a6dd
  6. afb4e3
  7. bfc3e9
  8. ced2ef
  9. dee1f4
  10. eff0fa

Darker: #686bc2 mixed with black

  1. 686bc2
  2. 595ca8
  3. 4b4e8f
  4. 3e3f77
  5. 303260
  6. 242549
  7. 181834
  8. 0c0d20
  9. 04040e
  10. 000002

Calmer: #686bc2 with less saturation

  1. 686bc2
  2. 696dbb
  3. 6a6eb3
  4. 6b70ac
  5. 6d71a5
  6. 6e729d
  7. 707396
  8. 71748e
  9. 737586
  10. 74767e