Skip to the color picker

#bba0fe color: Bright light violet

#bba0fe is rgb(187, 160, 254) in RGB and oklch(76.549% 0.13416 296.306) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

257°
100%

76.5%
0.134
296°
  • Violet
  • Light
  • Vivid
  • Cool
  • ≈ Plum
  • violet-300
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
2.19:1Hard to read
Lc -48
Black text
9.57:1Readable · AA
Lc 61

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

#bba0fe is a bright light violet color. In OKLCH it has 76.5% lightness, 0.134 chroma and a hue of 296°.

Inside sRGB: displays the same on any screen.

White text on it reaches 2.19:1 contrast and black text 9.57:1, so black text reads better.

The closest named color is Diva (#c9a0ff). In Tailwind CSS the closest color is violet-300.

More light violet colors

Lighter: #bba0fe mixed with white

  1. bba0fe
  2. c1aaff
  3. c8b3ff
  4. cebdff
  5. d5c7ff
  6. dcd0ff
  7. e3d9ff
  8. eae3ff
  9. f1ecff
  10. f8f6ff

Darker: #bba0fe mixed with black

  1. bba0fe
  2. a28bdd
  3. 8a76bd
  4. 73619e
  5. 5c4e80
  6. 463b63
  7. 322947
  8. 1f192d
  9. 0d0916
  10. 020103

Calmer: #bba0fe with less saturation

  1. bba0fe
  2. baa2f7
  3. b9a5ef
  4. b8a7e8
  5. b7a9e1
  6. b6abd9
  7. b5acd2
  8. b5aeca
  9. b4b0c2
  10. b3b1bb

Questions about #bba0fe

What color is #bba0fe?

#bba0fe is bright light violet. The closest named color is Bright light violet. In RGB it is rgb(187, 160, 254), in HSL hsl(257.23, 97.92%, 81.18%) and in OKLCH oklch(76.549% 0.13416 296.306).

What colors go well with #bba0fe?

The complementary color of #bba0fe is #aebd51. For a calmer combination use the analogous colors #8bb0ff and #df93e0. The triadic partners are #f39b58 and #2cceb0.

Is white or black text more readable on #bba0fe?

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

Is #bba0fe a warm or cool color?

#bba0fe is a cool color. In OKLCH its hue is 296 degrees, its lightness 76.5% and its chroma 0.134.