Skip to the color picker
PickShade

#77dcbc color: Beryl

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

Read as HEX

161°
100%

OKLCH

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

Looks the same on every screen.

White text1.65:1 · Below AALc -32
Black text12.75: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 #77dcbc

#77dcbc is a pastel light emerald color. In OKLCH it has 82.4% lightness, 0.106 chroma and a hue of 171°.

Looks the same on every screen.

White text on it reaches 1.65:1 contrast and black text 12.75: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: #77dcbc mixed with white

  1. 77dcbc
  2. 87e0c3
  3. 96e3c9
  4. a4e7d0
  5. b2ebd6
  6. c0eedd
  7. cdf2e4
  8. d9f5eb
  9. e6f8f1
  10. f3fcf8

Darker: #77dcbc mixed with black

  1. 77dcbc
  2. 67bfa3
  3. 57a38b
  4. 478873
  5. 386e5d
  6. 2a5447
  7. 1c3c32
  8. 10261f
  9. 05110d
  10. 010202

Calmer: #77dcbc with less saturation

  1. 77dcbc
  2. 81dabd
  3. 8bd8be
  4. 94d6bf
  5. 9cd3c0
  6. a3d1c1
  7. abcfc2
  8. b2cdc2
  9. b9cac3
  10. bfc8c4