Skip to the color picker
PickShade

#af8bb3 color: Violet Whimsy

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

Read as HEX

294°
100%

OKLCH

68.4%
0.071
323°
  • ≈ Lilac
  • Magenta
  • Medium
  • Muted
  • Dusty
  • Neutral
  • mauve-400
  • Black 30%

Looks the same on every screen.

White text2.93:1 · Below AALc -61
Black text7.17: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 #af8bb3

#af8bb3 is a dusty magenta color. In OKLCH it has 68.4% lightness, 0.071 chroma and a hue of 323°.

Looks the same on every screen.

White text on it reaches 2.93:1 contrast and black text 7.17: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: #af8bb3 mixed with white

  1. af8bb3
  2. b796bb
  3. bfa1c2
  4. c7adca
  5. cfb8d1
  6. d7c4d9
  7. dfcfe0
  8. e7dbe8
  9. efe7f0
  10. f7f3f7

Darker: #af8bb3 mixed with black

  1. af8bb3
  2. 98789b
  3. 816684
  4. 6b546e
  5. 564358
  6. 413243
  7. 2e232f
  8. 1c141d
  9. 0b070c
  10. 010101

Calmer: #af8bb3 with less saturation

  1. af8bb3
  2. ad8db0
  3. ab8eae
  4. a990ab
  5. a791a9
  6. a492a6
  7. a294a4
  8. a095a1
  9. 9e979f
  10. 9c989c