Skip to the color picker
PickShade

#bea2f3 color: Lavender Cream

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

Read as HEX

261°
100%

OKLCH

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

Looks the same on every screen.

White text2.18:1 · Below AALc -47
Black text9.65: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 #bea2f3

#bea2f3 is a bright light violet color. In OKLCH it has 76.7% lightness, 0.117 chroma and a hue of 300°.

Looks the same on every screen.

White text on it reaches 2.18:1 contrast and black text 9.65: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: #bea2f3 mixed with white

  1. bea2f3
  2. c4abf5
  3. cab5f6
  4. d1bef8
  5. d7c7f9
  6. ded1fa
  7. e4dafc
  8. ebe3fd
  9. f2ecfe
  10. f8f6fe

Darker: #bea2f3 mixed with black

  1. bea2f3
  2. a58cd3
  3. 8c77b4
  4. 756397
  5. 5e4f7a
  6. 483c5e
  7. 332a44
  8. 1f192b
  9. 0d0a14
  10. 020103

Calmer: #bea2f3 with less saturation

  1. bea2f3
  2. bda4ed
  3. bca6e7
  4. baa8e0
  5. b9aada
  6. b8abd4
  7. b7adcd
  8. b6afc7
  9. b5b0c0
  10. b4b2ba