Skip to the color picker

#bca3fe color: Bright light violet

#bca3fe is rgb(188, 163, 254) in RGB and oklch(77.175% 0.12962 295.851) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

256°
100%

77.2%
0.130
296°
  • Violet
  • Light
  • Vivid
  • Cool
  • ≈ Mauve
  • violet-300
  • Black 0%

Inside sRGB: displays the same on any screen.

White text
2.14:1Hard to read
Lc -47
Black text
9.81: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 #bca3fe

#bca3fe is a bright light violet color. In OKLCH it has 77.2% lightness, 0.13 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.81: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: #bca3fe mixed with white

  1. bca3fe
  2. c2acff
  3. c9b6ff
  4. cfbfff
  5. d6c8ff
  6. dcd1ff
  7. e3dbff
  8. eae4ff
  9. f1edff
  10. f8f6ff

Darker: #bca3fe mixed with black

  1. bca3fe
  2. a38ddd
  3. 8b78bd
  4. 73639e
  5. 5d4f80
  6. 473c63
  7. 322a47
  8. 1f192d
  9. 0d0a16
  10. 020103

Calmer: #bca3fe with less saturation

  1. bca3fe
  2. bba5f7
  3. baa7f0
  4. b9a9e9
  5. b9abe1
  6. b8adda
  7. b7afd3
  8. b6b0cb
  9. b6b2c4
  10. b5b3bc

Questions about #bca3fe

What color is #bca3fe?

#bca3fe is bright light violet. The closest named color is Bright light violet. In RGB it is rgb(188, 163, 254), in HSL hsl(256.48, 97.85%, 81.76%) and in OKLCH oklch(77.175% 0.12962 295.851).

What colors go well with #bca3fe?

The complementary color of #bca3fe is #b1bf57. For a calmer combination use the analogous colors #8eb2ff and #df97e1. The triadic partners are #f39e5e and #3ccfb1.

Is white or black text more readable on #bca3fe?

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

Is #bca3fe a warm or cool color?

#bca3fe is a cool color. In OKLCH its hue is 296 degrees, its lightness 77.2% and its chroma 0.13.