Skip to the color picker

#aa5477 color: Cranbrook

#aa5477 is rgb(170, 84, 119) in RGB and oklch(56.087% 0.11922 355.938) in OKLCH. Every other format, shade and contrast value is below.

Read as HEX

336°
100%

56.1%
0.119
356°
  • Pink
  • Medium
  • Soft
  • Warm
  • ≈ Marsala
  • mauve-500
  • Black 33%

Inside sRGB: displays the same on any screen.

White text
4.95:1Readable · AA
Lc -79
Black text
4.24:1Hard to read
Lc 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 #aa5477

#aa5477 is a soft pink color. In OKLCH it has 56.1% lightness, 0.119 chroma and a hue of 356°.

Inside sRGB: displays the same on any screen.

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

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

More medium pink colors

Lighter: #aa5477 mixed with white

  1. aa5477
  2. b46584
  3. bd7691
  4. c6879e
  5. cf97ab
  6. d8a8b9
  7. e0b9c6
  8. e8cad4
  9. f0dce2
  10. f8edf1

Darker: #aa5477 mixed with black

  1. aa5477
  2. 934867
  3. 7d3c57
  4. 683147
  5. 532638
  6. 3f1b2a
  7. 2d111c
  8. 1b0810
  9. 0b0205
  10. 010001

Calmer: #aa5477 with less saturation

  1. aa5477
  2. a55877
  3. a15c77
  4. 9c6076
  5. 976376
  6. 926676
  7. 8c6976
  8. 876c75
  9. 816f75
  10. 7b7275

Questions about #aa5477

What color is #aa5477?

#aa5477 is soft pink. The closest named color is Cranbrook. In RGB it is rgb(170, 84, 119), in HSL hsl(335.58, 33.86%, 49.8%) and in OKLCH oklch(56.087% 0.11922 355.938).

What colors go well with #aa5477?

The complementary color of #aa5477 is #008b72. For a calmer combination use the analogous colors #985a9a and #b0564f. The triadic partners are #727d18 and #067eb1.

Is white or black text more readable on #aa5477?

White text reads better on #aa5477: white gives a contrast ratio of 4.95:1 and black gives 4.24:1. WCAG AA asks for at least 4.5:1 for body text.

Is #aa5477 a warm or cool color?

#aa5477 is a warm color. In OKLCH its hue is 356 degrees, its lightness 56.1% and its chroma 0.119.