Skip to the color picker
PickShade

#cccabc color: Livingstone

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

Read as HEX

52°
100%

OKLCH

83.7%
0.019
100°
  • ≈ Silver
  • Gray
  • Light
  • Muted
  • Neutral
  • taupe-300
  • Black 20%

Looks the same on every screen.

White text1.65:1 · Below AALc -32
Black text12.74:1 · AALc 75

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

#cccabc is a light gray color. In OKLCH it has 83.7% lightness, 0.019 chroma and a hue of 100°.

Looks the same on every screen.

White text on it reaches 1.65:1 contrast and black text 12.74:1, so black text reads better.

The closest named color is Livingstone (#cbcbbb). In Tailwind CSS the closest color is taupe-300.

More light gray colors

Lighter: #cccabc mixed with white

  1. cccabc
  2. d1cfc3
  3. d6d4c9
  4. dbdad0
  5. e0dfd6
  6. e5e4dd
  7. eaeae4
  8. efefeb
  9. f5f4f1
  10. fafaf8

Darker: #cccabc mixed with black

  1. cccabc
  2. b1afa3
  3. 97958b
  4. 7e7c73
  5. 65645d
  6. 4e4d47
  7. 373732
  8. 22221f
  9. 0f0f0d
  10. 020202

Calmer: #cccabc with less saturation

  1. cccabc
  2. cccabd
  3. cbcabf
  4. cbcac0
  5. cbcac1
  6. cbcac3
  7. cacac4
  8. cac9c5
  9. cac9c7
  10. cac9c8