Skip to the color picker
PickShade

#add4ce color: Eton Blue

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

Read as HEX

171°
100%

OKLCH

84%
0.042
185°
  • ≈ Light blue
  • Teal
  • Light
  • Muted
  • Pastel
  • Cool
  • mist-300
  • Black 17%

Looks the same on every screen.

White text1.60:1 · Below AALc -31
Black text13.09: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 #add4ce

#add4ce is a pastel light teal color. In OKLCH it has 84% lightness, 0.042 chroma and a hue of 185°.

Looks the same on every screen.

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

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

More light teal colors

Lighter: #add4ce mixed with white

  1. add4ce
  2. b5d8d3
  3. bdddd8
  4. c6e1dc
  5. cee5e1
  6. d6e9e6
  7. deeeeb
  8. e6f2f0
  9. eff6f5
  10. f7fbfa

Darker: #add4ce mixed with black

  1. add4ce
  2. 96b8b3
  3. 7f9d98
  4. 6a837f
  5. 556966
  6. 41514e
  7. 2d3a38
  8. 1b2423
  9. 0b100f
  10. 010202

Calmer: #add4ce with less saturation

  1. add4ce
  2. b0d3ce
  3. b3d2cd
  4. b6d1cd
  5. b9d0cd
  6. bccfcc
  7. bfcecc
  8. c2cdcb
  9. c5cccb
  10. c8cbcb