Skip to the color picker
PickShade

#bca2f3 color: Lavender Cream

Every format, shade and contrast value for #bca2f3. Drag the picker to explore nearby colors.

Read as HEX

259°
100%

OKLCH

76.5%
0.117
298°
  • ≈ Plum
  • Violet
  • Light
  • Vivid
  • Cool
  • violet-300
  • Black 5%

Looks the same on every screen.

White text2.19:1 · Below AALc -48
Black text9.60:1 · AALc 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 #bca2f3

#bca2f3 is a bright light violet color. In OKLCH it has 76.5% lightness, 0.117 chroma and a hue of 298°.

Looks the same on every screen.

White text on it reaches 2.19:1 contrast and black text 9.6: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: #bca2f3 mixed with white

  1. bca2f3
  2. c2abf5
  3. c9b5f6
  4. cfbef8
  5. d6c7f9
  6. ddd1fa
  7. e3dafc
  8. eae3fd
  9. f1ecfe
  10. f8f6fe

Darker: #bca2f3 mixed with black

  1. bca2f3
  2. a38cd3
  3. 8b77b4
  4. 736397
  5. 5d4f7a
  6. 473c5e
  7. 322a44
  8. 1f192b
  9. 0d0a14
  10. 020103

Calmer: #bca2f3 with less saturation

  1. bca2f3
  2. bba4ed
  3. baa6e7
  4. b9a8e0
  5. b8a9da
  6. b7abd3
  7. b6adcd
  8. b5aec6
  9. b4b0c0
  10. b3b1b9