Skip to the color picker
PickShade

#b2afe0 color: Purple Hibiscus

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

Read as HEX

244°
100%

OKLCH

77.3%
0.069
287°
  • ≈ Lilac
  • Violet
  • Light
  • Soft
  • Dusty
  • Cool
  • indigo-300
  • Black 12%

Looks the same on every screen.

White text2.08:1 · Below AALc -45
Black text10.10:1 · AALc 63

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

#b2afe0 is a dusty light violet color. In OKLCH it has 77.3% lightness, 0.069 chroma and a hue of 287°.

Looks the same on every screen.

White text on it reaches 2.08:1 contrast and black text 10.1:1, so black text reads better.

The closest named color is Purple Hibiscus (#b6add8). In Tailwind CSS the closest color is indigo-300.

More light violet colors

Lighter: #b2afe0 mixed with white

  1. b2afe0
  2. b9b7e3
  3. c1bfe7
  4. c8c7ea
  5. d0cfed
  6. d8d7f0
  7. dfdff3
  8. e7e7f6
  9. efeff9
  10. f7f7fc

Darker: #b2afe0 mixed with black

  1. b2afe0
  2. 9a98c3
  3. 8381a6
  4. 6d6b8a
  5. 575670
  6. 434156
  7. 2f2e3e
  8. 1d1c27
  9. 0c0b12
  10. 010102

Calmer: #b2afe0 with less saturation

  1. b2afe0
  2. b2b0dc
  3. b2b0d8
  4. b3b1d3
  5. b3b2cf
  6. b3b2cb
  7. b4b3c7
  8. b4b4c2
  9. b4b4be
  10. b5b5ba