Skip to the color picker
PickShade

#b2bbfa color: Purple Illusion

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

Read as HEX

233°
100%

OKLCH

80.8%
0.090
278°
  • ≈ Periwinkle
  • Indigo
  • Light
  • Vivid
  • Cool
  • indigo-300
  • Black 2%

Looks the same on every screen.

White text1.85:1 · Below AALc -39
Black text11.38: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 #b2bbfa

#b2bbfa is a bright light indigo color. In OKLCH it has 80.8% lightness, 0.09 chroma and a hue of 278°.

Looks the same on every screen.

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

The closest named color is Purple Illusion (#b8b8f8). In Tailwind CSS the closest color is indigo-300.

More light indigo colors

Lighter: #b2bbfa mixed with white

  1. b2bbfa
  2. b9c2fb
  3. c1c9fc
  4. c8cffc
  5. d0d6fd
  6. d8ddfe
  7. dfe4fe
  8. e7ebfe
  9. eff1ff
  10. f7f8ff

Darker: #b2bbfa mixed with black

  1. b2bbfa
  2. 9aa2d9
  3. 838aba
  4. 6d739b
  5. 575c7d
  6. 434661
  7. 2f3246
  8. 1d1f2d
  9. 0c0d15
  10. 010203

Calmer: #b2bbfa with less saturation

  1. b2bbfa
  2. b3bcf4
  3. b5bcef
  4. b6bde9
  5. b7bde3
  6. b9bede
  7. babed8
  8. bcbfd2
  9. bdbfcc
  10. bec0c6