Skip to the color picker
PickShade

#a686ac color: Violet Eclipse

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

Read as HEX

291°
100%

OKLCH

66.3%
0.066
321°
  • ≈ Gray
  • Magenta
  • Medium
  • Muted
  • Dusty
  • Neutral
  • mauve-400
  • Black 33%

Looks the same on every screen.

White text3.17:1 · Below AALc -64
Black text6.63: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 #a686ac

#a686ac is a dusty magenta color. In OKLCH it has 66.3% lightness, 0.066 chroma and a hue of 321°.

Looks the same on every screen.

White text on it reaches 3.17:1 contrast and black text 6.63: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: #a686ac mixed with white

  1. a686ac
  2. af92b4
  3. b79dbc
  4. c0a9c5
  5. c9b5cd
  6. d2c1d5
  7. dbcddd
  8. e4dae6
  9. ede6ee
  10. f6f2f7

Darker: #a686ac mixed with black

  1. a686ac
  2. 907495
  3. 7a627f
  4. 655169
  5. 514054
  6. 3e3040
  7. 2b212d
  8. 1a131b
  9. 0a060b
  10. 010101

Calmer: #a686ac with less saturation

  1. a686ac
  2. a487aa
  3. a289a7
  4. a08aa5
  5. 9f8ba2
  6. 9d8da0
  7. 9b8e9d
  8. 998f9b
  9. 979098
  10. 959295