Skip to the color picker
PickShade

#b2afdc color: Purple Hibiscus

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

Read as HEX

244°
100%

OKLCH

77.2%
0.064
288°
  • ≈ Lilac
  • Violet
  • Light
  • Soft
  • Dusty
  • Cool
  • indigo-300
  • Black 14%

Looks the same on every screen.

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

#b2afdc is a dusty light violet color. In OKLCH it has 77.2% lightness, 0.064 chroma and a hue of 288°.

Looks the same on every screen.

White text on it reaches 2.09:1 contrast and black text 10.06: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: #b2afdc mixed with white

  1. b2afdc
  2. b9b7e0
  3. c1bfe3
  4. c8c7e7
  5. d0cfea
  6. d8d7ee
  7. dfdff1
  8. e7e7f5
  9. efeff8
  10. f7f7fc

Darker: #b2afdc mixed with black

  1. b2afdc
  2. 9a98bf
  3. 8381a3
  4. 6d6b88
  5. 57566e
  6. 434154
  7. 2f2e3c
  8. 1d1c26
  9. 0c0b11
  10. 010102

Calmer: #b2afdc with less saturation

  1. b2afdc
  2. b2b0d8
  3. b2b0d4
  4. b3b1d0
  5. b3b1cd
  6. b3b2c9
  7. b3b3c5
  8. b4b3c1
  9. b4b4bd
  10. b4b4b9