Skip to the color picker
PickShade

#b4dbd6 color: Catch the Wave

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

Read as HEX

172°
100%

OKLCH

86.2%
0.041
187°
  • ≈ Light blue
  • Teal
  • Very light
  • Muted
  • Pastel
  • Cool
  • mist-300
  • Black 14%

Looks the same on every screen.

White text1.50:1 · Below AALc -26
Black text14.04:1 · AALc 81

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

#b4dbd6 is a pastel very light teal color. In OKLCH it has 86.2% lightness, 0.041 chroma and a hue of 187°.

Looks the same on every screen.

White text on it reaches 1.5:1 contrast and black text 14.04:1, so black text reads better.

The closest named color is Catch the Wave (#b5dcd8). In Tailwind CSS the closest color is mist-300.

More very light teal colors

Lighter: #b4dbd6 mixed with white

  1. b4dbd6
  2. bcdfda
  3. c3e2de
  4. cbe6e2
  5. d2e9e6
  6. daedea
  7. e1f1ee
  8. e9f4f3
  9. f0f8f7
  10. f8fbfb

Darker: #b4dbd6 mixed with black

  1. b4dbd6
  2. 9cbeba
  3. 85a29e
  4. 6e8784
  5. 586d6a
  6. 445452
  7. 303c3b
  8. 1d2625
  9. 0c1110
  10. 020202

Calmer: #b4dbd6 with less saturation

  1. b4dbd6
  2. b7dad6
  3. bad9d5
  4. bdd8d5
  5. c0d7d4
  6. c3d6d4
  7. c6d5d3
  8. c9d4d3
  9. ccd3d2
  10. cfd2d2