Skip to the color picker
PickShade

#ccdff1 color: Vanishing Blue

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

Read as HEX

209°
100%

OKLCH

89.5%
0.032
247°
  • ≈ Lavender
  • Sky 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.39: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 #ccdff1

#ccdff1 is a pastel very light sky blue color. In OKLCH it has 89.5% lightness, 0.032 chroma and a hue of 247°.

Looks the same on every screen.

White text on it reaches 1.36:1 contrast and black text 15.39: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 sky blue colors

Lighter: #ccdff1 mixed with white

  1. ccdff1
  2. d1e2f2
  3. d6e5f4
  4. dbe9f5
  5. e0ecf7
  6. e5eff8
  7. eaf2fa
  8. f0f5fb
  9. f5f9fc
  10. fafcfe

Darker: #ccdff1 mixed with black

  1. ccdff1
  2. b1c2d2
  3. 97a5b3
  4. 7e8a95
  5. 656f79
  6. 4e565d
  7. 373d43
  8. 22272b
  9. 0f1214
  10. 020203

Calmer: #ccdff1 with less saturation

  1. ccdff1
  2. cedfef
  3. cfdeed
  4. d1deeb
  5. d3dee9
  6. d4dee7
  7. d6dde5
  8. d7dde2
  9. d9dde0
  10. dbdcde