Skip to the color picker
PickShade

#b2abda color: Purple Hibiscus

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

Read as HEX

249°
100%

OKLCH

76.3%
0.067
292°
  • ≈ Lilac
  • Violet
  • Light
  • Soft
  • Dusty
  • Cool
  • indigo-300
  • Black 15%

Looks the same on every screen.

White text2.16:1 · Below AALc -47
Black text9.73:1 · AALc 62

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

#b2abda is a dusty light violet color. In OKLCH it has 76.3% lightness, 0.067 chroma and a hue of 292°.

Looks the same on every screen.

White text on it reaches 2.16:1 contrast and black text 9.73: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: #b2abda mixed with white

  1. b2abda
  2. b9b3de
  3. c1bce2
  4. c8c4e6
  5. d0cce9
  6. d8d5ed
  7. dfddf1
  8. e7e5f4
  9. efeef8
  10. f7f6fb

Darker: #b2abda mixed with black

  1. b2abda
  2. 9a94bd
  3. 837ea2
  4. 6d6887
  5. 57546c
  6. 434054
  7. 2f2d3c
  8. 1d1b25
  9. 0c0b11
  10. 010102

Calmer: #b2abda with less saturation

  1. b2abda
  2. b2acd6
  3. b2add2
  4. b2adce
  5. b2aeca
  6. b2afc6
  7. b2afc2
  8. b2b0be
  9. b2b1ba
  10. b2b1b6