Skip to the color picker
PickShade

#dfdbd2 color: Empire Porcelain

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

Read as HEX

42°
100%

OKLCH

89.2%
0.013
87°
  • ≈ Pearl
  • Gray
  • Very light
  • Muted
  • Neutral
  • olive-300
  • Black 13%

Looks the same on every screen.

White text1.38:1 · Below AALc -21
Black text15.20:1 · AALc 85

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

#dfdbd2 is a very light gray color. In OKLCH it has 89.2% lightness, 0.013 chroma and a hue of 87°.

Looks the same on every screen.

White text on it reaches 1.38:1 contrast and black text 15.2:1, so black text reads better.

The closest named color is Empire Porcelain (#e0dbd3). In Tailwind CSS the closest color is olive-300.

More very light gray colors

Lighter: #dfdbd2 mixed with white

  1. dfdbd2
  2. e2dfd6
  3. e5e2db
  4. e9e6df
  5. ece9e4
  6. efede8
  7. f2f0ed
  8. f5f4f1
  9. f9f8f6
  10. fcfbfa

Darker: #dfdbd2 mixed with black

  1. dfdbd2
  2. c2beb6
  3. a5a29b
  4. 8a8781
  5. 6f6d68
  6. 565450
  7. 3d3c39
  8. 272624
  9. 121110
  10. 020202

Calmer: #dfdbd2 with less saturation

  1. dfdbd2
  2. dfdbd3
  3. dedbd4
  4. dedbd5
  5. dddbd6
  6. dddbd7
  7. dddbd8
  8. dcdbd8
  9. dcdbd9
  10. dcdbda