Skip to the color picker
PickShade

#bab3ff color: Greyish Lavender

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

Read as HEX

246°
100%

OKLCH

80%
0.107
288°
  • ≈ Mauve
  • Violet
  • Light
  • Vivid
  • Cool
  • violet-300
  • Black 0%

Looks the same on every screen.

White text1.91:1 · Below AALc -41
Black text10.98: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 #bab3ff

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

Looks the same on every screen.

White text on it reaches 1.91:1 contrast and black text 10.98: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: #bab3ff mixed with white

  1. bab3ff
  2. c1bbff
  3. c7c2ff
  4. cecaff
  5. d5d2ff
  6. dcd9ff
  7. e2e1ff
  8. e9e8ff
  9. f1f0ff
  10. f8f7ff

Darker: #bab3ff mixed with black

  1. bab3ff
  2. a19bde
  3. 8984be
  4. 726e9e
  5. 5c5880
  6. 464363
  7. 322f48
  8. 1e1d2e
  9. 0d0c16
  10. 020103

Calmer: #bab3ff with less saturation

  1. bab3ff
  2. bab4f9
  3. bab6f2
  4. bbb7ec
  5. bbb8e6
  6. bbb9df
  7. bcbad8
  8. bcbbd2
  9. bdbccb
  10. bdbdc4