Skip to the color picker
PickShade

#d4ccc2 color: Popular Beige

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

Read as HEX

33°
100%

OKLCH

84.9%
0.016
74°
  • ≈ Light gray
  • Gray
  • Light
  • Muted
  • Neutral
  • taupe-300
  • Black 17%

Looks the same on every screen.

White text1.59:1 · Below AALc -30
Black text13.22:1 · AALc 77

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

#d4ccc2 is a light gray color. In OKLCH it has 84.9% lightness, 0.016 chroma and a hue of 74°.

Looks the same on every screen.

White text on it reaches 1.59:1 contrast and black text 13.22:1, so black text reads better.

The closest named color is Popular Beige (#d4ccc3). In Tailwind CSS the closest color is taupe-300.

More light gray colors

Lighter: #d4ccc2 mixed with white

  1. d4ccc2
  2. d8d1c8
  3. dcd6ce
  4. e1dbd4
  5. e5e0da
  6. e9e5e0
  7. eeeae6
  8. f2efec
  9. f6f5f3
  10. fbfaf9

Darker: #d4ccc2 mixed with black

  1. d4ccc2
  2. b8b1a8
  3. 9d978f
  4. 837e77
  5. 696560
  6. 514e49
  7. 3a3734
  8. 242220
  9. 100f0e
  10. 020202

Calmer: #d4ccc2 with less saturation

  1. d4ccc2
  2. d3ccc3
  3. d3ccc4
  4. d2ccc5
  5. d1ccc7
  6. d1cdc8
  7. d0cdc9
  8. cfcdca
  9. cfcdcb
  10. cecdcc