Skip to the color picker

#bbaafb color: Winterspring Lilac

#bbaafb is rgb(187, 170, 251) in RGB and oklch(78.238% 0.11472 293.195) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

253°
100%

78.2%
0.115
293°
  • Violet
  • Light
  • Vivid
  • Cool
  • ≈ Mauve
  • violet-300
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
2.05:1Hard to read
Lc -44
Black text
10.26:1Readable · AA
Lc 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 #bbaafb

#bbaafb is a bright light violet color. In OKLCH it has 78.2% lightness, 0.115 chroma and a hue of 293°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.05:1 contrast and black text 10.26: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: #bbaafb mixed with white

  1. bbaafb
  2. c1b3fc
  3. c8bbfd
  4. cfc4fd
  5. d5ccfe
  6. dcd5fe
  7. e3ddff
  8. eae6ff
  9. f1eeff
  10. f8f7ff

Darker: #bbaafb mixed with black

  1. bbaafb
  2. a293da
  3. 8a7dba
  4. 73689c
  5. 5c537e
  6. 463f61
  7. 322d46
  8. 1f1b2d
  9. 0d0b15
  10. 020103

Calmer: #bbaafb with less saturation

  1. bbaafb
  2. bbacf5
  3. baadee
  4. baafe7
  5. b9b0e1
  6. b9b2da
  7. b9b3d4
  8. b8b4cd
  9. b8b6c6
  10. b8b7bf

Questions about #bbaafb

What color is #bbaafb?

#bbaafb is bright light violet. The closest named color is Winterspring Lilac. In RGB it is rgb(187, 170, 251), in HSL hsl(252.59, 91.01%, 82.55%) and in OKLCH oklch(78.238% 0.11472 293.195).

What colors go well with #bbaafb?

The complementary color of #bbaafb is #b8c066. For a calmer combination use the analogous colors #91b8ff and #dc9fe3. The triadic partners are #f2a370 and #5cd0b1.

Is white or black text more readable on #bbaafb?

Black text reads better on #bbaafb: white gives a contrast ratio of 2.05:1 and black gives 10.26:1. WCAG AA asks for at least 4.5:1 for body text.

Is #bbaafb a warm or cool color?

#bbaafb is a cool color. In OKLCH its hue is 293 degrees, its lightness 78.2% and its chroma 0.115.