Skip to the color picker
PickShade

#b3dcc1 color: Quantum Effect

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

Read as HEX

140°
100%

OKLCH

85.8%
0.057
156°
  • ≈ Light blue
  • Emerald
  • Very light
  • Muted
  • Pastel
  • Cool
  • olive-300
  • Black 14%

Looks the same on every screen.

White text1.51:1 · Below AALc -27
Black text13.92:1 · AALc 80

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

#b3dcc1 is a pastel very light emerald color. In OKLCH it has 85.8% lightness, 0.057 chroma and a hue of 156°.

Looks the same on every screen.

White text on it reaches 1.51:1 contrast and black text 13.92:1, so black text reads better.

The closest named color is Quantum Effect (#b2ddc4). In Tailwind CSS the closest color is olive-300.

More very light emerald colors

Lighter: #b3dcc1 mixed with white

  1. b3dcc1
  2. bbe0c7
  3. c2e3cd
  4. cae7d3
  5. d2eada
  6. d9eee0
  7. e1f1e6
  8. e8f5ec
  9. f0f8f2
  10. f7fcf9

Darker: #b3dcc1 mixed with black

  1. b3dcc1
  2. 9bbfa7
  3. 84a38f
  4. 6e8877
  5. 586e5f
  6. 435449
  7. 2f3c34
  8. 1d2620
  9. 0c110e
  10. 010202

Calmer: #b3dcc1 with less saturation

  1. b3dcc1
  2. b6dbc3
  3. b9dac4
  4. bcd9c6
  5. bfd7c7
  6. c2d6c9
  7. c5d5ca
  8. c8d4cc
  9. cbd3cd
  10. cdd1cf