Skip to the color picker

#686eab color: Chalcedony Violet

#686eab is rgb(104, 110, 171) in RGB and oklch(55.932% 0.09452 278.582) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

235°
100%

55.9%
0.095
279°
  • Indigo
  • Medium
  • Soft
  • Cool
  • ≈ Steel blue
  • slate-500
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
4.77:1Readable · AA
Lc -78
Black text
4.41:1Hard to read
Lc 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 #686eab

#686eab is a soft indigo color. In OKLCH it has 55.9% lightness, 0.095 chroma and a hue of 279°.

Inside sRGB: displays the same on any screen.

White text on it reaches 4.77:1 contrast and black text 4.41: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: #686eab mixed with white

  1. 686eab
  2. 767cb4
  3. 848abc
  4. 9298c5
  5. a1a6cd
  6. b0b5d6
  7. bfc3de
  8. cfd2e7
  9. dfe1ef
  10. eff0f7

Darker: #686eab mixed with black

  1. 686eab
  2. 595f94
  3. 4b507e
  4. 3e4168
  5. 303354
  6. 242640
  7. 18192d
  8. 0c0e1b
  9. 04040b
  10. 000101

Calmer: #686eab with less saturation

  1. 686eab
  2. 696fa6
  3. 6a70a0
  4. 6b719b
  5. 6c7196
  6. 6e7290
  7. 6f728b
  8. 707385
  9. 717380
  10. 73747a

Questions about #686eab

What color is #686eab?

#686eab is soft indigo. The closest named color is Chalcedony Violet. In RGB it is rgb(104, 110, 171), in HSL hsl(234.63, 28.51%, 53.92%) and in OKLCH oklch(55.932% 0.09452 278.582).

What colors go well with #686eab?

The complementary color of #686eab is #83752b. For a calmer combination use the analogous colors #4578a9 and #84649f. The triadic partners are #a3604a and #3c855f.

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

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

Is #686eab a warm or cool color?

#686eab is a cool color. In OKLCH its hue is 279 degrees, its lightness 55.9% and its chroma 0.095.