Skip to the color picker
PickShade

#a689ae color: Violet Eclipse

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

Read as HEX

287°
100%

OKLCH

66.9%
0.063
319°
  • ≈ Lilac
  • Magenta
  • Medium
  • Muted
  • Dusty
  • Neutral
  • mauve-400
  • Black 32%

Looks the same on every screen.

White text3.08:1 · Below AALc -63
Black text6.81:1 · AALc 46

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

#a689ae is a dusty magenta color. In OKLCH it has 66.9% lightness, 0.063 chroma and a hue of 319°.

Looks the same on every screen.

White text on it reaches 3.08:1 contrast and black text 6.81:1, so black text reads better.

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

More medium magenta colors

Lighter: #a689ae mixed with white

  1. a689ae
  2. af94b6
  3. b7a0be
  4. c0abc6
  5. c9b7ce
  6. d2c3d6
  7. dbcfde
  8. e4dbe6
  9. ede7ef
  10. f6f3f7

Darker: #a689ae mixed with black

  1. a689ae
  2. 907697
  3. 7a6480
  4. 65536a
  5. 514255
  6. 3e3141
  7. 2b222e
  8. 1a141c
  9. 0a070b
  10. 010101

Calmer: #a689ae with less saturation

  1. a689ae
  2. a48aac
  3. a38ca9
  4. a18da7
  5. 9f8ea4
  6. 9e8fa2
  7. 9c909f
  8. 9a919d
  9. 98939a
  10. 979497