Skip to the color picker
PickShade

#cddff1 color: Vanishing Blue

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

Read as HEX

210°
100%

OKLCH

89.6%
0.031
248°
  • ≈ Lavender
  • Blue
  • Very light
  • Muted
  • Pastel
  • Cool
  • slate-300
  • Black 5%

Looks the same on every screen.

White text1.36:1 · Below AALc -20
Black text15.42:1 · AALc 86

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

#cddff1 is a pastel very light blue color. In OKLCH it has 89.6% lightness, 0.031 chroma and a hue of 248°.

Looks the same on every screen.

White text on it reaches 1.36:1 contrast and black text 15.42:1, so black text reads better.

The closest named color is Vanishing Blue (#cfdfef). In Tailwind CSS the closest color is slate-300.

More very light blue colors

Lighter: #cddff1 mixed with white

  1. cddff1
  2. d2e2f2
  3. d7e5f4
  4. dce9f5
  5. e1ecf7
  6. e6eff8
  7. ebf2fa
  8. f0f5fb
  9. f5f9fc
  10. fafcfe

Darker: #cddff1 mixed with black

  1. cddff1
  2. b2c2d2
  3. 98a5b3
  4. 7e8a95
  5. 666f79
  6. 4e565d
  7. 383d43
  8. 23272b
  9. 0f1214
  10. 020203

Calmer: #cddff1 with less saturation

  1. cddff1
  2. cfdfef
  3. d0dfed
  4. d2deeb
  5. d3dee9
  6. d5dee7
  7. d6dee5
  8. d8dde3
  9. d9dde1
  10. dbddde