Skip to the color picker
PickShade

#dfdbd4 color: Empire Porcelain

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

Read as HEX

38°
100%

OKLCH

89.3%
0.010
82°
  • ≈ Platinum
  • Gray
  • Very light
  • Muted
  • Neutral
  • olive-300
  • Black 13%

Looks the same on every screen.

White text1.38:1 · Below AALc -21
Black text15.22: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 #dfdbd4

#dfdbd4 is a very light gray color. In OKLCH it has 89.3% lightness, 0.01 chroma and a hue of 82°.

Looks the same on every screen.

White text on it reaches 1.38:1 contrast and black text 15.22: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: #dfdbd4 mixed with white

  1. dfdbd4
  2. e2dfd8
  3. e5e2dc
  4. e9e6e1
  5. ece9e5
  6. efede9
  7. f2f0ee
  8. f5f4f2
  9. f9f8f6
  10. fcfbfb

Darker: #dfdbd4 mixed with black

  1. dfdbd4
  2. c2beb8
  3. a5a29d
  4. 8a8783
  5. 6f6d69
  6. 565451
  7. 3d3c3a
  8. 272624
  9. 121110
  10. 020202

Calmer: #dfdbd4 with less saturation

  1. dfdbd4
  2. dfdbd5
  3. dedbd5
  4. dedbd6
  5. dedbd7
  6. dddbd8
  7. dddbd8
  8. dcdbd9
  9. dcdbda
  10. dcdbdb