Skip to the color picker
PickShade

#dfd6d1 color: Kyoto Pearl

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

Read as HEX

21°
100%

OKLCH

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

Looks the same on every screen.

White text1.43:1 · Below AALc -24
Black text14.68: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 #dfd6d1

#dfd6d1 is a very light gray color. In OKLCH it has 88.2% lightness, 0.012 chroma and a hue of 51°.

Looks the same on every screen.

White text on it reaches 1.43:1 contrast and black text 14.68: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: #dfd6d1 mixed with white

  1. dfd6d1
  2. e2dad6
  3. e5deda
  4. e9e2df
  5. ece6e3
  6. efeae8
  7. f2eeec
  8. f5f3f1
  9. f9f7f6
  10. fcfbfa

Darker: #dfd6d1 mixed with black

  1. dfd6d1
  2. c2bab5
  3. a59e9b
  4. 8a8481
  5. 6f6a68
  6. 565250
  7. 3d3b39
  8. 272523
  9. 121010
  10. 020202

Calmer: #dfd6d1 with less saturation

  1. dfd6d1
  2. ded6d2
  3. ded6d2
  4. ddd7d3
  5. dcd7d4
  6. dbd7d4
  7. dbd7d5
  8. dad7d6
  9. d9d8d7
  10. d9d8d7