Skip to the color picker
PickShade

#dfd6d3 color: Kyoto Pearl

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

Read as HEX

15°
100%

OKLCH

88.2%
0.011
39°
  • ≈ Light gray
  • Gray
  • Very light
  • Muted
  • Neutral
  • olive-300
  • Black 13%

Looks the same on every screen.

White text1.43:1 · Below AALc -23
Black text14.70:1 · AALc 83

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

#dfd6d3 is a very light gray color. In OKLCH it has 88.2% lightness, 0.011 chroma and a hue of 39°.

Looks the same on every screen.

White text on it reaches 1.43:1 contrast and black text 14.7:1, so black text reads better.

The closest named color is Kyoto Pearl (#dfd6d1). In Tailwind CSS the closest color is olive-300.

More very light gray colors

Lighter: #dfd6d3 mixed with white

  1. dfd6d3
  2. e2dad7
  3. e5dedc
  4. e9e2e0
  5. ece6e4
  6. efeae9
  7. f2eeed
  8. f5f3f2
  9. f9f7f6
  10. fcfbfb

Darker: #dfd6d3 mixed with black

  1. dfd6d3
  2. c2bab7
  3. a59e9c
  4. 8a8482
  5. 6f6a69
  6. 565251
  7. 3d3b3a
  8. 272524
  9. 121010
  10. 020202

Calmer: #dfd6d3 with less saturation

  1. dfd6d3
  2. ded6d4
  3. ded6d4
  4. ddd7d5
  5. dcd7d5
  6. dcd7d6
  7. dbd7d6
  8. dad7d7
  9. d9d8d7
  10. d9d8d8