Skip to the color picker
PickShade

#af8ec4 color: Fleur-De-Lis

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

Read as HEX

277°
100%

OKLCH

69.6%
0.085
312°
  • ≈ Lilac
  • Purple
  • Medium
  • Soft
  • Neutral
  • mauve-400
  • Black 23%

Looks the same on every screen.

White text2.80:1 · Below AALc -59
Black text7.49:1 · AALc 50

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

#af8ec4 is a soft purple color. In OKLCH it has 69.6% lightness, 0.085 chroma and a hue of 312°.

Looks the same on every screen.

White text on it reaches 2.8:1 contrast and black text 7.49:1, so black text reads better.

The closest named color is Fleur-De-Lis (#b090c7). In Tailwind CSS the closest color is mauve-400.

More medium purple colors

Lighter: #af8ec4 mixed with white

  1. af8ec4
  2. b799ca
  3. bfa4d0
  4. c7afd6
  5. cfbadc
  6. d7c6e2
  7. dfd1e8
  8. e7dcee
  9. efe8f3
  10. f7f3f9

Darker: #af8ec4 mixed with black

  1. af8ec4
  2. 987baa
  3. 816891
  4. 6b5678
  5. 564461
  6. 41344a
  7. 2e2435
  8. 1c1521
  9. 0b070e
  10. 010102

Calmer: #af8ec4 with less saturation

  1. af8ec4
  2. ad90c0
  3. ab91bc
  4. aa93b9
  5. a894b5
  6. a696b1
  7. a497ad
  8. a399a9
  9. a19aa5
  10. 9f9ca1