Skip to the color picker
PickShade

#a563aa color: Royal Pretender

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

Read as HEX

296°
100%

OKLCH

59.9%
0.128
324°
  • ≈ Amethyst
  • Magenta
  • Medium
  • Soft
  • Neutral
  • mauve-500
  • Black 33%

Looks the same on every screen.

White text4.23:1 · Below AALc -74
Black text4.97:1 · AALc 35

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

#a563aa is a soft magenta color. In OKLCH it has 59.9% lightness, 0.128 chroma and a hue of 324°.

Looks the same on every screen.

White text on it reaches 4.23:1 contrast and black text 4.97:1, so white text reads better.

The closest named color is Royal Pretender (#a063a1). In Tailwind CSS the closest color is mauve-500.

More medium magenta colors

Lighter: #a563aa mixed with white

  1. a563aa
  2. ae72b3
  3. b882bb
  4. c191c4
  5. caa1cc
  6. d3b0d5
  7. dcc0dd
  8. e5cfe6
  9. eedfee
  10. f6eff7

Darker: #a563aa mixed with black

  1. a563aa
  2. 8f5593
  3. 79477d
  4. 653a68
  5. 512e53
  6. 3d213f
  7. 2b162d
  8. 1a0b1b
  9. 0a030b
  10. 010001

Calmer: #a563aa with less saturation

  1. a563aa
  2. a267a6
  3. 9e6aa2
  4. 9b6d9e
  5. 97709a
  6. 937395
  7. 907691
  8. 8c788d
  9. 887b88
  10. 847d84