Skip to the color picker

#bba5ef color: Bright light violet

#bba5ef is rgb(187, 165, 239) in RGB and oklch(76.78% 0.10632 297.498) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

258°
100%

76.8%
0.106
297°
  • Violet
  • Light
  • Vivid
  • Cool
  • ≈ Plum
  • violet-300
  • Black 6%

Inside sRGB: displays the same on any screen.

White text
2.16:1Hard to read
Lc -47
Black text
9.74: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 #bba5ef

#bba5ef is a bright light violet color. In OKLCH it has 76.8% lightness, 0.106 chroma and a hue of 297°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.16:1 contrast and black text 9.74: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: #bba5ef mixed with white

  1. bba5ef
  2. c1aef1
  3. c8b7f3
  4. cfc0f5
  5. d5c9f7
  6. dcd2f8
  7. e3dbfa
  8. eae4fb
  9. f1edfd
  10. f8f6fe

Darker: #bba5ef mixed with black

  1. bba5ef
  2. a28fd0
  3. 8a79b1
  4. 736594
  5. 5c5178
  6. 463d5c
  7. 322b42
  8. 1f1a2a
  9. 0d0a14
  10. 020103

Calmer: #bba5ef with less saturation

  1. bba5ef
  2. baa7e9
  3. b9a8e3
  4. b8aade
  5. b8abd8
  6. b7add2
  7. b6aecc
  8. b5b0c6
  9. b5b1c0
  10. b4b2ba

Questions about #bba5ef

What color is #bba5ef?

#bba5ef is bright light violet. The closest named color is Bright light violet. In RGB it is rgb(187, 165, 239), in HSL hsl(257.84, 69.81%, 79.22%) and in OKLCH oklch(76.78% 0.10632 297.498).

What colors go well with #bba5ef?

The complementary color of #bba5ef is #aebd6c. For a calmer combination use the analogous colors #96b1f8 and #d89bd6. The triadic partners are #e7a26e and #5dcab3.

Is white or black text more readable on #bba5ef?

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

Is #bba5ef a warm or cool color?

#bba5ef is a cool color. In OKLCH its hue is 297 degrees, its lightness 76.8% and its chroma 0.106.