Skip to the color picker
PickShade

#bab4fa color: Greyish Lavender

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

Read as HEX

245°
100%

OKLCH

80%
0.098
288°
  • ≈ Mauve
  • Violet
  • Light
  • Vivid
  • Cool
  • violet-300
  • Black 2%

Looks the same on every screen.

White text1.91:1 · Below AALc -41
Black text11.00:1 · AALc 67

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

#bab4fa is a bright light violet color. In OKLCH it has 80% lightness, 0.098 chroma and a hue of 288°.

Looks the same on every screen.

White text on it reaches 1.91:1 contrast and black text 11:1, so black text reads better.

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

More light violet colors

Lighter: #bab4fa mixed with white

  1. bab4fa
  2. c1bcfb
  3. c7c3fc
  4. cecbfc
  5. d5d2fd
  6. dcdafe
  7. e3e1fe
  8. eae9ff
  9. f1f0ff
  10. f8f8ff

Darker: #bab4fa mixed with black

  1. bab4fa
  2. a19cd9
  3. 8985ba
  4. 726e9b
  5. 5c587d
  6. 464461
  7. 323046
  8. 1e1d2d
  9. 0d0c15
  10. 020203

Calmer: #bab4fa with less saturation

  1. bab4fa
  2. bab5f4
  3. bab6ee
  4. bbb7e8
  5. bbb8e2
  6. bbb9dc
  7. bcbad6
  8. bcbbd0
  9. bdbcca
  10. bdbdc4