Skip to the color picker
PickShade

#add2ce color: Eton Blue

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

Read as HEX

174°
100%

OKLCH

83.6%
0.040
188°
  • ≈ Light blue
  • Teal
  • Light
  • Muted
  • Pastel
  • Cool
  • slate-300
  • Black 18%

Looks the same on every screen.

White text1.63:1 · Below AALc -32
Black text12.89:1 · AALc 76

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

#add2ce is a pastel light teal color. In OKLCH it has 83.6% lightness, 0.04 chroma and a hue of 188°.

Looks the same on every screen.

White text on it reaches 1.63:1 contrast and black text 12.89:1, so black text reads better.

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

More light teal colors

Lighter: #add2ce mixed with white

  1. add2ce
  2. b5d6d3
  3. bddbd8
  4. c6dfdc
  5. cee4e1
  6. d6e8e6
  7. deedeb
  8. e6f1f0
  9. eff6f5
  10. f7fafa

Darker: #add2ce mixed with black

  1. add2ce
  2. 96b6b3
  3. 7f9b98
  4. 6a817f
  5. 556866
  6. 41504e
  7. 2d3938
  8. 1b2423
  9. 0b100f
  10. 010202

Calmer: #add2ce with less saturation

  1. add2ce
  2. b0d1ce
  3. b3d0cd
  4. b6cfcd
  5. b9cecc
  6. bccecc
  7. becdcb
  8. c1ccca
  9. c4cbca
  10. c6cac9