Skip to the color picker
PickShade

#af89b7 color: Violet Whimsy

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

Read as HEX

290°
100%

OKLCH

68.1%
0.079
320°
  • ≈ Lilac
  • Magenta
  • Medium
  • Muted
  • Dusty
  • Neutral
  • mauve-400
  • Black 28%

Looks the same on every screen.

White text2.96:1 · Below AALc -61
Black text7.08:1 · AALc 48

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

#af89b7 is a dusty magenta color. In OKLCH it has 68.1% lightness, 0.079 chroma and a hue of 320°.

Looks the same on every screen.

White text on it reaches 2.96:1 contrast and black text 7.08:1, so black text reads better.

The closest named color is Violet Whimsy (#b48bb8). In Tailwind CSS the closest color is mauve-400.

More medium magenta colors

Lighter: #af89b7 mixed with white

  1. af89b7
  2. b794be
  3. bfa0c5
  4. c7abcd
  5. cfb7d4
  6. d7c3db
  7. dfcfe2
  8. e7dbe9
  9. efe7f1
  10. f7f3f8

Darker: #af89b7 mixed with black

  1. af89b7
  2. 98769f
  3. 816487
  4. 6b5370
  5. 56425a
  6. 413145
  7. 2e2231
  8. 1c141e
  9. 0b070c
  10. 010102

Calmer: #af89b7 with less saturation

  1. af89b7
  2. ad8bb4
  3. ab8cb1
  4. a98eae
  5. a690ab
  6. a491a8
  7. a293a5
  8. a094a2
  9. 9d969f
  10. 9b979c