Skip to the color picker
PickShade

#7bdcb5 color: Beryl

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

Read as HEX

156°
100%

OKLCH

82.4%
0.109
166°
  • ≈ 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 #7bdcb5

#7bdcb5 is a pastel light emerald color. In OKLCH it has 82.4% lightness, 0.109 chroma and a hue of 166°.

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: #7bdcb5 mixed with white

  1. 7bdcb5
  2. 8ae0bc
  3. 99e3c4
  4. a7e7cb
  5. b4ebd2
  6. c1eeda
  7. cef2e1
  8. daf5e8
  9. e7f8f0
  10. f3fcf7

Darker: #7bdcb5 mixed with black

  1. 7bdcb5
  2. 6abf9d
  3. 5aa386
  4. 4a886f
  5. 3a6e59
  6. 2c5444
  7. 1e3c30
  8. 10261d
  9. 05110c
  10. 010202

Calmer: #7bdcb5 with less saturation

  1. 7bdcb5
  2. 85dab7
  3. 8dd8b8
  4. 96d6ba
  5. 9ed3bc
  6. a5d1bd
  7. accfbf
  8. b3ccc0
  9. b9cac2
  10. bfc8c4