Skip to the color picker
PickShade

#af89a1 color: Lavender Herb

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

Read as HEX

322°
100%

OKLCH

67.3%
0.057
341°
  • ≈ Dark gray
  • Pink
  • Medium
  • Muted
  • Dusty
  • Warm
  • mauve-400
  • Black 31%

Looks the same on every screen.

White text3.04:1 · Below AALc -62
Black text6.92: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 #af89a1

#af89a1 is a dusty pink color. In OKLCH it has 67.3% lightness, 0.057 chroma and a hue of 341°.

Looks the same on every screen.

White text on it reaches 3.04:1 contrast and black text 6.92: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 pink colors

Lighter: #af89a1 mixed with white

  1. af89a1
  2. b794aa
  3. bfa0b3
  4. c7abbc
  5. cfb7c6
  6. d7c3cf
  7. dfcfd9
  8. e7dae2
  9. efe7ec
  10. f7f3f5

Darker: #af89a1 mixed with black

  1. af89a1
  2. 98768b
  3. 816476
  4. 6b5362
  5. 56424e
  6. 41313c
  7. 2e222a
  8. 1c1419
  9. 0b0709
  10. 010101

Calmer: #af89a1 with less saturation

  1. af89a1
  2. ad8aa0
  3. aa8c9f
  4. a88d9e
  5. a58e9d
  6. a3909c
  7. a1919b
  8. 9e9299
  9. 9b9498
  10. 999597