Skip to the color picker
PickShade

#ccd8df color: Poppy’s Whiskers

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

Read as HEX

202°
100%

OKLCH

87.5%
0.016
233°
  • ≈ Light gray
  • Gray
  • Very light
  • Muted
  • Neutral
  • gray-300
  • Black 13%

Looks the same on every screen.

White text1.45:1 · Below AALc -25
Black text14.46:1 · AALc 82

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

#ccd8df is a very light gray color. In OKLCH it has 87.5% lightness, 0.016 chroma and a hue of 233°.

Looks the same on every screen.

White text on it reaches 1.45:1 contrast and black text 14.46:1, so black text reads better.

The closest named color is Poppy’s Whiskers (#ccd7df). In Tailwind CSS the closest color is gray-300.

More very light gray colors

Lighter: #ccd8df mixed with white

  1. ccd8df
  2. d1dce2
  3. d6e0e5
  4. dbe4e9
  5. e0e7ec
  6. e5ebef
  7. eaeff2
  8. f0f3f5
  9. f5f7f9
  10. fafbfc

Darker: #ccd8df mixed with black

  1. ccd8df
  2. b1bcc2
  3. 97a0a5
  4. 7e858a
  5. 656b6f
  6. 4e5356
  7. 373b3d
  8. 222527
  9. 0f1112
  10. 020202

Calmer: #ccd8df with less saturation

  1. ccd8df
  2. cdd8de
  3. ced8dd
  4. cfd7dc
  5. d0d7db
  6. d1d7da
  7. d2d7d9
  8. d3d6d9
  9. d4d6d8
  10. d5d6d7