Skip to the color picker
PickShade

#add3be color: Misty Jade

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

Read as HEX

147°
100%

OKLCH

83.4%
0.050
161°
  • ≈ Light blue
  • Emerald
  • Light
  • Muted
  • Pastel
  • Cool
  • mist-300
  • Black 17%

Looks the same on every screen.

White text1.64:1 · Below AALc -32
Black text12.84: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 #add3be

#add3be is a pastel light emerald color. In OKLCH it has 83.4% lightness, 0.05 chroma and a hue of 161°.

Looks the same on every screen.

White text on it reaches 1.64:1 contrast and black text 12.84:1, so black text reads better.

The closest named color is Misty Jade (#acd0bb). In Tailwind CSS the closest color is mist-300.

More light emerald colors

Lighter: #add3be mixed with white

  1. add3be
  2. b5d7c4
  3. bddccb
  4. c6e0d1
  5. cee5d8
  6. d6e9de
  7. deede5
  8. e6f2eb
  9. eff6f2
  10. f7fbf8

Darker: #add3be mixed with black

  1. add3be
  2. 96b7a5
  3. 7f9c8c
  4. 6a8275
  5. 55695e
  6. 415148
  7. 2d3a33
  8. 1b241f
  9. 0b100d
  10. 010202

Calmer: #add3be with less saturation

  1. add3be
  2. b0d2bf
  3. b3d1c0
  4. b6d0c1
  5. b8cfc2
  6. bbcec3
  7. becdc4
  8. c1ccc5
  9. c3cac6
  10. c6c9c7