Skip to the color picker

#bba4fa color: Bright light violet

#bba4fa is rgb(187, 164, 250) in RGB and oklch(77.087% 0.12263 295.68) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

256°
100%

77.1%
0.123
296°
  • Violet
  • Light
  • Vivid
  • Cool
  • ≈ Plum
  • violet-300
  • Black 2%

Inside sRGB: displays the same on any screen.

White text
2.14:1Hard to read
Lc -47
Black text
9.80:1Readable · AA
Lc 62

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

#bba4fa is a bright light violet color. In OKLCH it has 77.1% lightness, 0.123 chroma and a hue of 296°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.14:1 contrast and black text 9.8:1, so black text reads better.

The closest named color is Lavender Cream (#c79fef). In Tailwind CSS the closest color is violet-300.

More light violet colors

Lighter: #bba4fa mixed with white

  1. bba4fa
  2. c1adfb
  3. c8b6fc
  4. cfc0fd
  5. d5c9fe
  6. dcd2fe
  7. e3dbff
  8. eae4ff
  9. f1edff
  10. f8f6ff

Darker: #bba4fa mixed with black

  1. bba4fa
  2. a28ed9
  3. 8a79ba
  4. 73649b
  5. 5c507d
  6. 463d61
  7. 322b46
  8. 1f1a2d
  9. 0d0a15
  10. 020103

Calmer: #bba4fa with less saturation

  1. bba4fa
  2. baa6f3
  3. b9a8ed
  4. b9aae6
  5. b8acdf
  6. b7add8
  7. b7afd1
  8. b6b0ca
  9. b5b2c3
  10. b5b3bc

Questions about #bba4fa

What color is #bba4fa?

#bba4fa is bright light violet. The closest named color is Bright light violet. In RGB it is rgb(187, 164, 250), in HSL hsl(256.05, 89.58%, 81.18%) and in OKLCH oklch(77.087% 0.12263 295.68).

What colors go well with #bba4fa?

The complementary color of #bba4fa is #b1be5d. For a calmer combination use the analogous colors #8fb2ff and #dd98df. The triadic partners are #f09f64 and #49ceb1.

Is white or black text more readable on #bba4fa?

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

Is #bba4fa a warm or cool color?

#bba4fa is a cool color. In OKLCH its hue is 296 degrees, its lightness 77.1% and its chroma 0.123.