Skip to the color picker
PickShade

#7ddcb8 color: Beryl

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

Read as HEX

157°
100%

OKLCH

82.6%
0.105
167°
  • ≈ Turquoise
  • Emerald
  • Light
  • Soft
  • Pastel
  • Cool
  • emerald-300
  • Black 14%

Looks the same on every screen.

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

#7ddcb8 is a pastel light emerald color. In OKLCH it has 82.6% lightness, 0.105 chroma and a hue of 167°.

Looks the same on every screen.

White text on it reaches 1.64:1 contrast and black text 12.8: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: #7ddcb8 mixed with white

  1. 7ddcb8
  2. 8ce0bf
  3. 9ae3c6
  4. a8e7cd
  5. b5ebd4
  6. c2eedb
  7. cef2e2
  8. dbf5e9
  9. e7f8f1
  10. f3fcf8

Darker: #7ddcb8 mixed with black

  1. 7ddcb8
  2. 6cbfa0
  3. 5ba388
  4. 4b8871
  5. 3b6e5b
  6. 2c5445
  7. 1e3c31
  8. 11261e
  9. 05110c
  10. 010202

Calmer: #7ddcb8 with less saturation

  1. 7ddcb8
  2. 86dab9
  3. 8fd8bb
  4. 97d6bc
  5. 9fd4be
  6. a6d1bf
  7. adcfc0
  8. b3cdc2
  9. bacbc3
  10. c0c8c4