Skip to the color picker
PickShade

#bba5fa color: Bright light violet

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

Read as HEX

256°
100%

OKLCH

77.3%
0.121
295°
  • ≈ Plum
  • Violet
  • Light
  • Vivid
  • Cool
  • violet-300
  • Black 2%

Looks the same on every screen.

White text2.13:1 · Below AALc -46
Black text9.88:1 · AALc 62

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

#bba5fa is a bright light violet color. In OKLCH it has 77.3% lightness, 0.121 chroma and a hue of 295°.

Looks the same on every screen.

White text on it reaches 2.13:1 contrast and black text 9.88:1, so black text reads better.

The closest named color is Lavender Cream (#c79fef). In Tailwind CSS the closest color is violet-300.

More light violet colors

Lighter: #bba5fa mixed with white

  1. bba5fa
  2. c1aefb
  3. c8b7fc
  4. cfc0fd
  5. d5c9fe
  6. dcd2fe
  7. e3dbff
  8. eae4ff
  9. f1edff
  10. f8f6ff

Darker: #bba5fa mixed with black

  1. bba5fa
  2. a28fd9
  3. 8a79ba
  4. 73659b
  5. 5c517d
  6. 463d61
  7. 322b46
  8. 1f1a2d
  9. 0d0a15
  10. 020103

Calmer: #bba5fa with less saturation

  1. bba5fa
  2. baa7f3
  3. b9a9ed
  4. b9abe6
  5. b8acdf
  6. b7aed8
  7. b7afd1
  8. b6b1ca
  9. b6b2c3
  10. b5b4bc