Skip to the color picker
PickShade

#a486a7 color: Baroness

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

Read as HEX

295°
100%

OKLCH

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

Looks the same on every screen.

White text3.21:1 · Below AALc -65
Black text6.55: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 #a486a7

#a486a7 is a dusty magenta color. In OKLCH it has 65.9% lightness, 0.059 chroma and a hue of 323°.

Looks the same on every screen.

White text on it reaches 3.21:1 contrast and black text 6.55: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: #a486a7 mixed with white

  1. a486a7
  2. ad92b0
  3. b69db8
  4. bfa9c1
  5. c8b5ca
  6. d1c1d2
  7. dacddb
  8. e3d9e4
  9. ece6ed
  10. f6f2f6

Darker: #a486a7 mixed with black

  1. a486a7
  2. 8e7491
  3. 79627b
  4. 645166
  5. 504052
  6. 3d303e
  7. 2b212c
  8. 1a131a
  9. 0a060a
  10. 010101

Calmer: #a486a7 with less saturation

  1. a486a7
  2. a287a5
  3. a088a3
  4. 9f8aa1
  5. 9d8b9f
  6. 9b8c9c
  7. 998d9a
  8. 978e98
  9. 968f96
  10. 949194