Skip to the color picker
PickShade

#686faa color: Chalcedony Violet

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

Read as HEX

234°
100%

OKLCH

56.1%
0.092
278°
  • ≈ Steel blue
  • Indigo
  • Medium
  • Soft
  • Cool
  • slate-500
  • Black 33%

Looks the same on every screen.

White text4.73:1 · AALc -78
Black text4.44:1 · Below AALc 31

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

#686faa is a soft indigo color. In OKLCH it has 56.1% lightness, 0.092 chroma and a hue of 278°.

Looks the same on every screen.

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

The closest named color is Chalcedony Violet (#6770ae). In Tailwind CSS the closest color is slate-500.

More medium indigo colors

Lighter: #686faa mixed with white

  1. 686faa
  2. 767db3
  3. 848bbc
  4. 9299c4
  5. a1a7cd
  6. b0b5d5
  7. bfc4de
  8. cfd2e6
  9. dfe1ee
  10. eff0f7

Darker: #686faa mixed with black

  1. 686faa
  2. 596093
  3. 4b517d
  4. 3e4268
  5. 303453
  6. 24273f
  7. 181a2d
  8. 0c0e1b
  9. 04040b
  10. 000101

Calmer: #686faa with less saturation

  1. 686faa
  2. 6970a5
  3. 6a71a0
  4. 6b719a
  5. 6d7295
  6. 6e7390
  7. 6f738b
  8. 707485
  9. 727480
  10. 73747a