Skip to the color picker
PickShade

#add3df color: Early June

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

Read as HEX

194°
100%

OKLCH

84.3%
0.043
219°
  • ≈ Light blue
  • Sky blue
  • Light
  • Soft
  • Pastel
  • Cool
  • slate-300
  • Black 13%

Looks the same on every screen.

White text1.60:1 · Below AALc -30
Black text13.16:1 · AALc 77

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

#add3df is a pastel light sky blue color. In OKLCH it has 84.3% lightness, 0.043 chroma and a hue of 219°.

Looks the same on every screen.

White text on it reaches 1.6:1 contrast and black text 13.16:1, so black text reads better.

The closest named color is Early June (#b1d2df). In Tailwind CSS the closest color is slate-300.

More light sky blue colors

Lighter: #add3df mixed with white

  1. add3df
  2. b5d7e2
  3. bddce5
  4. c6e0e9
  5. cee5ec
  6. d6e9ef
  7. deedf2
  8. e6f2f5
  9. eff6f9
  10. f7fbfc

Darker: #add3df mixed with black

  1. add3df
  2. 96b7c2
  3. 7f9ca5
  4. 6a828a
  5. 55696f
  6. 415156
  7. 2d3a3d
  8. 1b2427
  9. 0b1012
  10. 010202

Calmer: #add3df with less saturation

  1. add3df
  2. b0d2dd
  3. b3d2db
  4. b7d1d9
  5. bad0d7
  6. bdcfd5
  7. c0cfd3
  8. c3ced1
  9. c6cdcf
  10. c9cccd