Skip to the color picker
PickShade

#aa5663 color: Grenadine

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

Read as HEX

351°
100%

OKLCH

55.8%
0.110
12°
  • ≈ Marsala
  • Rose
  • Medium
  • Soft
  • Warm
  • mauve-500
  • Black 33%

Looks the same on every screen.

White text4.98:1 · AALc -79
Black text4.22:1 · Below AALc 30

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

#aa5663 is a soft rose color. In OKLCH it has 55.8% lightness, 0.11 chroma and a hue of 12°.

Looks the same on every screen.

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

The closest named color is Grenadine (#ac545e). In Tailwind CSS the closest color is mauve-500.

More medium rose colors

Lighter: #aa5663 mixed with white

  1. aa5663
  2. b46771
  3. bd7780
  4. c6888f
  5. cf989e
  6. d8a9ae
  7. e0babe
  8. e8cbce
  9. f0dcde
  10. f8edee

Darker: #aa5663 mixed with black

  1. aa5663
  2. 934a55
  3. 7d3e47
  4. 68323a
  5. 53272e
  6. 3f1c21
  7. 2d1216
  8. 1b080b
  9. 0b0203
  10. 010000

Calmer: #aa5663 with less saturation

  1. aa5663
  2. a55a65
  3. a05d66
  4. 9c6168
  5. 96646a
  6. 91676b
  7. 8c696d
  8. 866c6f
  9. 806f70
  10. 7a7172