Skip to the color picker
PickShade

#cccbc3 color: Paving Stones

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

Read as HEX

53°
100%

OKLCH

84.1%
0.011
101°
  • ≈ Light gray
  • Gray
  • Light
  • Muted
  • Neutral
  • taupe-300
  • Black 20%

Looks the same on every screen.

White text1.63:1 · Below AALc -32
Black text12.90:1 · AALc 76

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

#cccbc3 is a light gray color. In OKLCH it has 84.1% lightness, 0.011 chroma and a hue of 101°.

Looks the same on every screen.

White text on it reaches 1.63:1 contrast and black text 12.9:1, so black text reads better.

The closest named color is Paving Stones (#cbccc4). In Tailwind CSS the closest color is taupe-300.

More light gray colors

Lighter: #cccbc3 mixed with white

  1. cccbc3
  2. d1d0c9
  3. d6d5cf
  4. dbdad5
  5. e0e0db
  6. e5e5e1
  7. eaeae7
  8. efefed
  9. f5f4f3
  10. fafaf9

Darker: #cccbc3 mixed with black

  1. cccbc3
  2. b1b0a9
  3. 979690
  4. 7e7d78
  5. 656560
  6. 4e4d4a
  7. 373734
  8. 222220
  9. 0f0f0e
  10. 020202

Calmer: #cccbc3 with less saturation

  1. cccbc3
  2. cccbc4
  3. cccbc5
  4. cccbc5
  5. cbcbc6
  6. cbcbc7
  7. cbcbc8
  8. cbcbc8
  9. cbcbc9
  10. cbcbca