Skip to the color picker
PickShade

#7bddbc color: Beryl

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

Read as HEX

160°
100%

OKLCH

82.8%
0.105
170°
  • ≈ Turquoise
  • Emerald
  • Light
  • Soft
  • Pastel
  • Cool
  • emerald-300
  • Black 13%

Looks the same on every screen.

White text1.63:1 · Below AALc -31
Black text12.91: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 #7bddbc

#7bddbc is a pastel light emerald color. In OKLCH it has 82.8% lightness, 0.105 chroma and a hue of 170°.

Looks the same on every screen.

White text on it reaches 1.63:1 contrast and black text 12.91: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: #7bddbc mixed with white

  1. 7bddbc
  2. 8ae1c3
  3. 99e4c9
  4. a7e8d0
  5. b4ebd6
  6. c1efdd
  7. cef2e4
  8. daf5eb
  9. e7f9f1
  10. f3fcf8

Darker: #7bddbc mixed with black

  1. 7bddbc
  2. 6ac0a3
  3. 5aa48b
  4. 4a8873
  5. 3a6e5d
  6. 2c5547
  7. 1e3d32
  8. 10261f
  9. 05110d
  10. 010202

Calmer: #7bddbc with less saturation

  1. 7bddbc
  2. 85dbbd
  3. 8ed9be
  4. 96d7bf
  5. 9ed5c0
  6. a6d2c1
  7. add0c2
  8. b4cec3
  9. bacbc4
  10. c0c9c5