Skip to the color picker
PickShade

#b2befa color: Purple Illusion

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

Read as HEX

230°
100%

OKLCH

81.4%
0.086
276°
  • ≈ Periwinkle
  • Indigo
  • Light
  • Vivid
  • Pastel
  • Cool
  • violet-300
  • Black 2%

Looks the same on every screen.

White text1.80:1 · Below AALc -38
Black text11.64:1 · AALc 70

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

#b2befa is a pastel light indigo color. In OKLCH it has 81.4% lightness, 0.086 chroma and a hue of 276°.

Looks the same on every screen.

White text on it reaches 1.8:1 contrast and black text 11.64:1, so black text reads better.

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

More light indigo colors

Lighter: #b2befa mixed with white

  1. b2befa
  2. b9c5fb
  3. c1cbfc
  4. c8d2fc
  5. d0d8fd
  6. d8dffe
  7. dfe5fe
  8. e7ecfe
  9. eff2ff
  10. f7f9ff

Darker: #b2befa mixed with black

  1. b2befa
  2. 9aa5d9
  3. 838cba
  4. 6d759b
  5. 575e7d
  6. 434861
  7. 2f3346
  8. 1d1f2d
  9. 0c0d15
  10. 010203

Calmer: #b2befa with less saturation

  1. b2befa
  2. b4bff5
  3. b5bfef
  4. b7c0ea
  5. b8c0e4
  6. bac0de
  7. bbc1d9
  8. bdc1d3
  9. bfc1cd
  10. c0c2c8