Skip to the color picker
PickShade

#b2b8fa color: Purple Illusion

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

Read as HEX

235°
100%

OKLCH

80.2%
0.094
280°
  • ≈ Periwinkle
  • Indigo
  • Light
  • Vivid
  • Cool
  • indigo-300
  • Black 2%

Looks the same on every screen.

White text1.89:1 · Below AALc -40
Black text11.13:1 · AALc 68

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

#b2b8fa is a bright light indigo color. In OKLCH it has 80.2% lightness, 0.094 chroma and a hue of 280°.

Looks the same on every screen.

White text on it reaches 1.89:1 contrast and black text 11.13: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: #b2b8fa mixed with white

  1. b2b8fa
  2. b9bffb
  3. c1c6fc
  4. c8cdfc
  5. d0d5fd
  6. d8dcfe
  7. dfe3fe
  8. e7eafe
  9. eff1ff
  10. f7f8ff

Darker: #b2b8fa mixed with black

  1. b2b8fa
  2. 9aa0d9
  3. 8388ba
  4. 6d719b
  5. 575b7d
  6. 434561
  7. 2f3146
  8. 1d1e2d
  9. 0c0c15
  10. 010203

Calmer: #b2b8fa with less saturation

  1. b2b8fa
  2. b3b9f4
  3. b4baee
  4. b5bae8
  5. b7bbe3
  6. b8bcdd
  7. b9bcd7
  8. babdd1
  9. bbbdca
  10. bdbec4