Skip to the color picker
PickShade

#beafe5 color: Purple Sand

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

Read as HEX

257°
100%

OKLCH

78.5%
0.077
297°
  • ≈ Lilac
  • Violet
  • Light
  • Soft
  • Cool
  • violet-300
  • Black 10%

Looks the same on every screen.

White text2.01:1 · Below AALc -43
Black text10.45:1 · AALc 65

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

#beafe5 is a soft light violet color. In OKLCH it has 78.5% lightness, 0.077 chroma and a hue of 297°.

Looks the same on every screen.

White text on it reaches 2.01:1 contrast and black text 10.45:1, so black text reads better.

The closest named color is Purple Sand (#c2b2f0). In Tailwind CSS the closest color is violet-300.

More light violet colors

Lighter: #beafe5 mixed with white

  1. beafe5
  2. c4b7e8
  3. cbbfeb
  4. d1c7ed
  5. d7cff0
  6. ded7f3
  7. e4dff5
  8. ebe7f8
  9. f2effa
  10. f8f7fd

Darker: #beafe5 mixed with black

  1. beafe5
  2. a598c7
  3. 8c81aa
  4. 756b8e
  5. 5e5672
  6. 484158
  7. 332e3f
  8. 1f1c28
  9. 0d0b12
  10. 020103

Calmer: #beafe5 with less saturation

  1. beafe5
  2. bdb0e1
  3. bdb1dc
  4. bcb2d8
  5. bcb3d4
  6. bbb4cf
  7. bbb5cb
  8. bab6c6
  9. bab7c2
  10. b9b8bd