Skip to the color picker
PickShade

#dfd6d2 color: Kyoto Pearl

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

Read as HEX

18°
100%

OKLCH

88.2%
0.011
46°
  • ≈ 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.69: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 #dfd6d2

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

Looks the same on every screen.

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

  1. dfd6d2
  2. e2dad6
  3. e5dedb
  4. e9e2df
  5. ece6e4
  6. efeae8
  7. f2eeed
  8. f5f3f1
  9. f9f7f6
  10. fcfbfa

Darker: #dfd6d2 mixed with black

  1. dfd6d2
  2. c2bab6
  3. a59e9b
  4. 8a8481
  5. 6f6a68
  6. 565250
  7. 3d3b39
  8. 272524
  9. 121010
  10. 020202

Calmer: #dfd6d2 with less saturation

  1. dfd6d2
  2. ded6d3
  3. ded6d3
  4. ddd7d4
  5. dcd7d4
  6. dcd7d5
  7. dbd7d6
  8. dad7d6
  9. d9d8d7
  10. d9d8d7