Skip to the color picker
PickShade

#dfdbd3 color: Empire Porcelain

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

Read as HEX

40°
100%

OKLCH

89.2%
0.012
85°
  • ≈ 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.21: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 #dfdbd3

#dfdbd3 is a very light gray color. In OKLCH it has 89.2% lightness, 0.012 chroma and a hue of 85°.

Looks the same on every screen.

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

  1. dfdbd3
  2. e2dfd7
  3. e5e2dc
  4. e9e6e0
  5. ece9e4
  6. efede9
  7. f2f0ed
  8. f5f4f2
  9. f9f8f6
  10. fcfbfb

Darker: #dfdbd3 mixed with black

  1. dfdbd3
  2. c2beb7
  3. a5a29c
  4. 8a8782
  5. 6f6d69
  6. 565451
  7. 3d3c3a
  8. 272624
  9. 121110
  10. 020202

Calmer: #dfdbd3 with less saturation

  1. dfdbd3
  2. dfdbd4
  3. dedbd5
  4. dedbd6
  5. dedbd6
  6. dddbd7
  7. dddbd8
  8. dcdbd9
  9. dcdbda
  10. dcdbda