Skip to the color picker
PickShade

#7ddbb5 color: Beryl

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

Read as HEX

156°
100%

OKLCH

82.3%
0.106
166°
  • ≈ Turquoise
  • Emerald
  • Light
  • Soft
  • Pastel
  • Cool
  • emerald-300
  • Black 14%

Looks the same on every screen.

White text1.66:1 · Below AALc -33
Black text12.67:1 · AALc 75

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

#7ddbb5 is a pastel light emerald color. In OKLCH it has 82.3% lightness, 0.106 chroma and a hue of 166°.

Looks the same on every screen.

White text on it reaches 1.66:1 contrast and black text 12.67:1, so black text reads better.

The closest named color is Beryl (#71dcb8). In Tailwind CSS the closest color is emerald-300.

More light emerald colors

Lighter: #7ddbb5 mixed with white

  1. 7ddbb5
  2. 8cdfbc
  3. 9ae3c4
  4. a8e6cb
  5. b5ead2
  6. c2eeda
  7. cef1e1
  8. dbf5e8
  9. e7f8f0
  10. f3fcf7

Darker: #7ddbb5 mixed with black

  1. 7ddbb5
  2. 6cbe9d
  3. 5ba286
  4. 4b876f
  5. 3b6d59
  6. 2c5444
  7. 1e3c30
  8. 11261d
  9. 05110c
  10. 010202

Calmer: #7ddbb5 with less saturation

  1. 7ddbb5
  2. 86d9b7
  3. 8fd7b8
  4. 97d5ba
  5. 9ed3bb
  6. a5d0bd
  7. accebf
  8. b3ccc0
  9. b9cac2
  10. bfc7c3