Skip to the color picker
PickShade

#bab3fd color: Greyish Lavender

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

Read as HEX

246°
100%

OKLCH

79.9%
0.104
288°
  • ≈ Mauve
  • Violet
  • Light
  • Vivid
  • Cool
  • violet-300
  • Black 1%

Looks the same on every screen.

White text1.92:1 · Below AALc -41
Black text10.95: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 #bab3fd

#bab3fd is a bright light violet color. In OKLCH it has 79.9% lightness, 0.104 chroma and a hue of 288°.

Looks the same on every screen.

White text on it reaches 1.92:1 contrast and black text 10.95: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: #bab3fd mixed with white

  1. bab3fd
  2. c1bbfe
  3. c7c2fe
  4. cecaff
  5. d5d2ff
  6. dcd9ff
  7. e2e1ff
  8. eae8ff
  9. f1f0ff
  10. f8f7ff

Darker: #bab3fd mixed with black

  1. bab3fd
  2. a19bdc
  3. 8984bc
  4. 726e9d
  5. 5c587f
  6. 464362
  7. 322f47
  8. 1e1d2d
  9. 0d0c16
  10. 020103

Calmer: #bab3fd with less saturation

  1. bab3fd
  2. bab4f7
  3. bab6f1
  4. bbb7ea
  5. bbb8e4
  6. bbb9de
  7. bcbad7
  8. bcbbd1
  9. bcbccb
  10. bdbdc4