Skip to the color picker
PickShade

#686dbd color: Gladiola Blue

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

Read as HEX

236°
100%

OKLCH

56.7%
0.122
279°
  • ≈ Steel blue
  • Indigo
  • Medium
  • Soft
  • Cool
  • slate-500
  • Black 26%

Looks the same on every screen.

White text4.66:1 · AALc -78
Black text4.51:1 · 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 #686dbd

#686dbd is a soft indigo color. In OKLCH it has 56.7% lightness, 0.122 chroma and a hue of 279°.

Looks the same on every screen.

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

The closest named color is Gladiola Blue (#6370b6). In Tailwind CSS the closest color is slate-500.

More medium indigo colors

Lighter: #686dbd mixed with white

  1. 686dbd
  2. 757bc4
  3. 838acb
  4. 9298d2
  5. a0a7d9
  6. afb5e0
  7. bfc4e6
  8. cfd2ed
  9. dee1f3
  10. eff0f9

Darker: #686dbd mixed with black

  1. 686dbd
  2. 595ea4
  3. 4b4f8c
  4. 3e4174
  5. 30335d
  6. 242647
  7. 181933
  8. 0c0d1f
  9. 04040d
  10. 000102

Calmer: #686dbd with less saturation

  1. 686dbd
  2. 696eb6
  3. 6a70af
  4. 6c71a9
  5. 6d72a2
  6. 6e739b
  7. 707494
  8. 71758c
  9. 737585
  10. 75767e