Skip to the color picker
PickShade

#a686ae color: Violet Eclipse

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

Read as HEX

288°
100%

OKLCH

66.3%
0.068
319°
  • ≈ Gray
  • Magenta
  • Medium
  • Muted
  • Dusty
  • Neutral
  • mauve-400
  • Black 32%

Looks the same on every screen.

White text3.16:1 · Below AALc -64
Black text6.64:1 · AALc 45

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

#a686ae is a dusty magenta color. In OKLCH it has 66.3% lightness, 0.068 chroma and a hue of 319°.

Looks the same on every screen.

White text on it reaches 3.16:1 contrast and black text 6.64: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: #a686ae mixed with white

  1. a686ae
  2. af92b6
  3. b79dbe
  4. c0a9c6
  5. c9b5ce
  6. d2c1d6
  7. dbcdde
  8. e4dae6
  9. ede6ef
  10. f6f2f7

Darker: #a686ae mixed with black

  1. a686ae
  2. 907497
  3. 7a6280
  4. 65516a
  5. 514055
  6. 3e3041
  7. 2b212e
  8. 1a131c
  9. 0a060b
  10. 010101

Calmer: #a686ae with less saturation

  1. a686ae
  2. a487ab
  3. a289a9
  4. a18aa6
  5. 9f8ca3
  6. 9d8da1
  7. 9b8e9e
  8. 998f9b
  9. 979199
  10. 959296