Skip to the color picker
PickShade

#af8dc4 color: Fleur-De-Lis

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

Read as HEX

277°
100%

OKLCH

69.4%
0.087
312°
  • ≈ Lilac
  • Purple
  • Medium
  • Soft
  • Neutral
  • mauve-400
  • Black 23%

Looks the same on every screen.

White text2.83:1 · Below AALc -60
Black text7.43: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 #af8dc4

#af8dc4 is a soft purple color. In OKLCH it has 69.4% lightness, 0.087 chroma and a hue of 312°.

Looks the same on every screen.

White text on it reaches 2.83:1 contrast and black text 7.43: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: #af8dc4 mixed with white

  1. af8dc4
  2. b798ca
  3. bfa3d0
  4. c7aed6
  5. cfbadc
  6. d7c5e2
  7. dfd1e8
  8. e7dcee
  9. efe8f3
  10. f7f3f9

Darker: #af8dc4 mixed with black

  1. af8dc4
  2. 987aaa
  3. 816791
  4. 6b5578
  5. 564461
  6. 41334a
  7. 2e2335
  8. 1c1421
  9. 0b070e
  10. 010102

Calmer: #af8dc4 with less saturation

  1. af8dc4
  2. ad8fc0
  3. ab90bc
  4. aa92b8
  5. a894b5
  6. a695b1
  7. a497ad
  8. a298a9
  9. a09aa5
  10. 9e9ba1