Skip to the color picker
PickShade

#a685a2 color: Baroness

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

Read as HEX

307°
100%

OKLCH

65.7%
0.057
330°
  • ≈ Gray
  • Magenta
  • Medium
  • Muted
  • Dusty
  • Neutral
  • mauve-400
  • Black 35%

Looks the same on every screen.

White text3.23:1 · Below AALc -65
Black text6.50: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 #a685a2

#a685a2 is a dusty magenta color. In OKLCH it has 65.7% lightness, 0.057 chroma and a hue of 330°.

Looks the same on every screen.

White text on it reaches 3.23:1 contrast and black text 6.5:1, so black text reads better.

The closest named color is Baroness (#a785a7). In Tailwind CSS the closest color is mauve-400.

More medium magenta colors

Lighter: #a685a2 mixed with white

  1. a685a2
  2. af91ab
  3. b89cb4
  4. c0a8bd
  5. c9b4c6
  6. d2c1d0
  7. dbcdd9
  8. e4d9e2
  9. ede6ec
  10. f6f2f5

Darker: #a685a2 mixed with black

  1. a685a2
  2. 90738c
  3. 7a6177
  4. 655063
  5. 51404f
  6. 3e303c
  7. 2b212a
  8. 1a1319
  9. 0a060a
  10. 010101

Calmer: #a685a2 with less saturation

  1. a685a2
  2. a486a0
  3. a2889f
  4. a0899d
  5. 9e8a9b
  6. 9c8b9a
  7. 9a8c98
  8. 988e96
  9. 968f95
  10. 939093