Skip to the color picker

#baaffd color: Winterspring Lilac

#baaffd is rgb(186, 175, 253) in RGB and oklch(79.181% 0.10986 290.115) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

248°
100%

79.2%
0.110
290°
  • Violet
  • Light
  • Vivid
  • Cool
  • ≈ Mauve
  • violet-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
1.97:1Hard to read
Lc -42
Black text
10.64:1Readable · AA
Lc 66

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

#baaffd is a bright light violet color. In OKLCH it has 79.2% lightness, 0.11 chroma and a hue of 290°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.97:1 contrast and black text 10.64: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: #baaffd mixed with white

  1. baaffd
  2. c1b7fe
  3. c7bffe
  4. cec7ff
  5. d5cfff
  6. dbd7ff
  7. e2dfff
  8. e9e7ff
  9. f1efff
  10. f8f7ff

Darker: #baaffd mixed with black

  1. baaffd
  2. a198dc
  3. 8981bc
  4. 726b9d
  5. 5c567f
  6. 464162
  7. 322e47
  8. 1e1c2d
  9. 0d0b16
  10. 020103

Calmer: #baaffd with less saturation

  1. baaffd
  2. bab0f7
  3. bab2f0
  4. bab3ea
  5. bab5e3
  6. bab6dd
  7. bab7d6
  8. bab8cf
  9. bab9c9
  10. bbbac2

Questions about #baaffd

What color is #baaffd?

#baaffd is bright light violet. The closest named color is Winterspring Lilac. In RGB it is rgb(186, 175, 253), in HSL hsl(248.46, 95.12%, 83.92%) and in OKLCH oklch(79.181% 0.10986 290.115).

What colors go well with #baaffd?

The complementary color of #baaffd is #bfc26b. For a calmer combination use the analogous colors #92bcff and #dba4e7. The triadic partners are #f4a67a and #69d2b0.

Is white or black text more readable on #baaffd?

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

Is #baaffd a warm or cool color?

#baaffd is a cool color. In OKLCH its hue is 290 degrees, its lightness 79.2% and its chroma 0.11.