Skip to the color picker
PickShade

#a684a2 color: Baroness

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

Read as HEX

307°
100%

OKLCH

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

Looks the same on every screen.

White text3.26:1 · Below AALc -65
Black text6.44:1 · AALc 44

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

#a684a2 is a dusty magenta color. In OKLCH it has 65.5% lightness, 0.059 chroma and a hue of 330°.

Looks the same on every screen.

White text on it reaches 3.26:1 contrast and black text 6.44: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: #a684a2 mixed with white

  1. a684a2
  2. af90ab
  3. b89cb4
  4. c0a8bd
  5. c9b4c6
  6. d2c0d0
  7. dbccd9
  8. e4d9e2
  9. ede5ec
  10. f6f2f5

Darker: #a684a2 mixed with black

  1. a684a2
  2. 90728c
  3. 7a6077
  4. 654f63
  5. 513f4f
  6. 3e2f3c
  7. 2b202a
  8. 1a1219
  9. 0a060a
  10. 010101

Calmer: #a684a2 with less saturation

  1. a684a2
  2. a485a0
  3. a2879f
  4. a0889d
  5. 9e899b
  6. 9c8b99
  7. 998c98
  8. 978d96
  9. 958e94
  10. 938f92