Skip to the color picker

#bcabfd color: Winterspring Lilac

#bcabfd is rgb(188, 171, 253) in RGB and oklch(78.596% 0.11597 293.054) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

252°
100%

78.6%
0.116
293°
  • Violet
  • Light
  • Vivid
  • Cool
  • ≈ Mauve
  • violet-300
  • Black 1%

Inside sRGB: displays the same on any screen.

White text
2.02:1Hard to read
Lc -44
Black text
10.38:1Readable · AA
Lc 65

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

#bcabfd is a bright light violet color. In OKLCH it has 78.6% lightness, 0.116 chroma and a hue of 293°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.02:1 contrast and black text 10.38: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: #bcabfd mixed with white

  1. bcabfd
  2. c2b4fe
  3. c9bcfe
  4. cfc4ff
  5. d6cdff
  6. ddd5ff
  7. e3deff
  8. eae6ff
  9. f1eeff
  10. f8f7ff

Darker: #bcabfd mixed with black

  1. bcabfd
  2. a394dc
  3. 8b7ebc
  4. 73689d
  5. 5d547f
  6. 474062
  7. 322d47
  8. 1f1b2d
  9. 0d0b16
  10. 020103

Calmer: #bcabfd with less saturation

  1. bcabfd
  2. bcadf6
  3. bbaef0
  4. bbb0e9
  5. bab1e3
  6. bab3dc
  7. bab4d5
  8. bab6ce
  9. b9b7c7
  10. b9b8c0

Questions about #bcabfd

What color is #bcabfd?

#bcabfd is bright light violet. The closest named color is Winterspring Lilac. In RGB it is rgb(188, 171, 253), in HSL hsl(252.44, 95.35%, 83.14%) and in OKLCH oklch(78.596% 0.11597 293.054).

What colors go well with #bcabfd?

The complementary color of #bcabfd is #b9c166. For a calmer combination use the analogous colors #92b9ff and #dda0e4. The triadic partners are #f4a471 and #5cd1b2.

Is white or black text more readable on #bcabfd?

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

Is #bcabfd a warm or cool color?

#bcabfd is a cool color. In OKLCH its hue is 293 degrees, its lightness 78.6% and its chroma 0.116.