Skip to the color picker
PickShade

#baaaff color: Winterspring Lilac

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

Read as HEX

251°
100%

OKLCH

78.3%
0.120
292°
  • ≈ Mauve
  • Violet
  • Light
  • Vivid
  • Cool
  • violet-300
  • Black 0%

Looks the same on every screen.

White text2.04:1 · Below AALc -44
Black text10.28:1 · AALc 64

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

#baaaff is a bright light violet color. In OKLCH it has 78.3% lightness, 0.12 chroma and a hue of 292°.

Looks the same on every screen.

White text on it reaches 2.04:1 contrast and black text 10.28:1, so black text reads better.

The closest named color is Winterspring Lilac (#b5afff). In Tailwind CSS the closest color is violet-300.

More light violet colors

Lighter: #baaaff mixed with white

  1. baaaff
  2. c0b3ff
  3. c7bbff
  4. cec4ff
  5. d5ccff
  6. dbd5ff
  7. e2ddff
  8. e9e6ff
  9. f1eeff
  10. f8f7ff

Darker: #baaaff mixed with black

  1. baaaff
  2. a193de
  3. 897dbe
  4. 72689e
  5. 5c5380
  6. 463f63
  7. 322d48
  8. 1e1b2e
  9. 0d0b16
  10. 020103

Calmer: #baaaff with less saturation

  1. baaaff
  2. baacf8
  3. b9adf1
  4. b9afea
  5. b9b1e3
  6. b9b2dc
  7. b8b3d5
  8. b8b5ce
  9. b8b6c7
  10. b8b7c0