Skip to the color picker
PickShade

#b2bafe color: Greyish Lavender

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

Read as HEX

234°
100%

OKLCH

80.7%
0.096
279°
  • ≈ Periwinkle
  • Indigo
  • Light
  • Vivid
  • Cool
  • indigo-300
  • Black 0%

Looks the same on every screen.

White text1.85:1 · Below AALc -39
Black text11.35:1 · AALc 69

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

#b2bafe is a bright light indigo color. In OKLCH it has 80.7% lightness, 0.096 chroma and a hue of 279°.

Looks the same on every screen.

White text on it reaches 1.85:1 contrast and black text 11.35:1, so black text reads better.

The closest named color is Greyish Lavender (#b8b8ff). In Tailwind CSS the closest color is indigo-300.

More light indigo colors

Lighter: #b2bafe mixed with white

  1. b2bafe
  2. b9c1ff
  3. c1c8ff
  4. c8cfff
  5. d0d6ff
  6. d8ddff
  7. dfe4ff
  8. e7eaff
  9. eff1ff
  10. f7f8ff

Darker: #b2bafe mixed with black

  1. b2bafe
  2. 9aa1dd
  3. 8389bd
  4. 6d729e
  5. 575c80
  6. 434663
  7. 2f3247
  8. 1d1e2d
  9. 0c0d16
  10. 010203

Calmer: #b2bafe with less saturation

  1. b2bafe
  2. b3bbf8
  3. b5bcf2
  4. b6bcec
  5. b7bde6
  6. b9bee0
  7. babed9
  8. bbbfd3
  9. bdbfcd
  10. bebfc6