Skip to the color picker
PickShade

#b2afde color: Purple Hibiscus

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

Read as HEX

244°
100%

OKLCH

77.3%
0.067
288°
  • ≈ Lilac
  • Violet
  • Light
  • Soft
  • Dusty
  • Cool
  • indigo-300
  • Black 13%

Looks the same on every screen.

White text2.08:1 · Below AALc -45
Black text10.08: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 #b2afde

#b2afde is a dusty light violet color. In OKLCH it has 77.3% lightness, 0.067 chroma and a hue of 288°.

Looks the same on every screen.

White text on it reaches 2.08:1 contrast and black text 10.08: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: #b2afde mixed with white

  1. b2afde
  2. b9b7e1
  3. c1bfe5
  4. c8c7e8
  5. d0cfec
  6. d8d7ef
  7. dfdff2
  8. e7e7f6
  9. efeff9
  10. f7f7fc

Darker: #b2afde mixed with black

  1. b2afde
  2. 9a98c1
  3. 8381a5
  4. 6d6b89
  5. 57566f
  6. 434155
  7. 2f2e3d
  8. 1d1c26
  9. 0c0b12
  10. 010102

Calmer: #b2afde with less saturation

  1. b2afde
  2. b2b0da
  3. b2b0d6
  4. b3b1d2
  5. b3b2ce
  6. b3b2ca
  7. b4b3c6
  8. b4b3c1
  9. b4b4bd
  10. b4b4b9