Skip to the color picker
PickShade

#ad89a2 color: Lavender Herb

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

Read as HEX

318°
100%

OKLCH

67.2%
0.056
338°
  • ≈ Dark gray
  • Magenta
  • Medium
  • Muted
  • Dusty
  • Neutral
  • mauve-400
  • Black 32%

Looks the same on every screen.

White text3.05:1 · Below AALc -63
Black text6.88:1 · AALc 47

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

#ad89a2 is a dusty magenta color. In OKLCH it has 67.2% lightness, 0.056 chroma and a hue of 338°.

Looks the same on every screen.

White text on it reaches 3.05:1 contrast and black text 6.88:1, so black text reads better.

The closest named color is Lavender Herb (#ad88a4). In Tailwind CSS the closest color is mauve-400.

More medium magenta colors

Lighter: #ad89a2 mixed with white

  1. ad89a2
  2. b594ab
  3. bda0b4
  4. c6abbd
  5. ceb7c6
  6. d6c3d0
  7. deced9
  8. e6dae2
  9. efe7ec
  10. f7f3f5

Darker: #ad89a2 mixed with black

  1. ad89a2
  2. 96768c
  3. 7f6477
  4. 6a5363
  5. 55424f
  6. 41313c
  7. 2d222a
  8. 1b1419
  9. 0b070a
  10. 010101

Calmer: #ad89a2 with less saturation

  1. ad89a2
  2. ab8aa1
  3. a98ca0
  4. a68d9e
  5. a48e9d
  6. a2909c
  7. 9f919b
  8. 9d9299
  9. 9b9398
  10. 989497