Skip to the color picker
PickShade

#686563 color: Wire Wool

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

Read as HEX

24°
100%

OKLCH

50.9%
0.005
56°
  • ≈ Umber
  • Gray
  • Medium
  • Muted
  • Neutral
  • taupe-500
  • Black 59%

Looks the same on every screen.

White text5.78:1 · AALc -84
Black text3.63:1 · Below AALc 25

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 #686563

#686563 is a gray color. In OKLCH it has 50.9% lightness, 0.005 chroma and a hue of 56°.

Looks the same on every screen.

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

The closest named color is Wire Wool (#676662). In Tailwind CSS the closest color is taupe-500.

More medium gray colors

Lighter: #686563 mixed with white

  1. 686563
  2. 767371
  3. 848280
  4. 93908f
  5. a19f9e
  6. b0afae
  7. c0bebd
  8. cfcece
  9. dfdede
  10. efefee

Darker: #686563 mixed with black

  1. 686563
  2. 595755
  3. 4b4947
  4. 3e3c3a
  5. 302f2e
  6. 242221
  7. 181716
  8. 0c0c0b
  9. 040303
  10. 000000

Calmer: #686563 with less saturation

  1. 686563
  2. 686563
  3. 686564
  4. 676564
  5. 676564
  6. 676564
  7. 676565
  8. 666565
  9. 666565
  10. 666665