Huebook

Heartbeat Analogous Color Scheme

Five colors arranged by the analogous rule around Heartbeat (#AA0000), each snapped to its nearest named color.

#AA00AA
#AA0055
#AA0000
#AA5500
#AAAA00

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Purple Potion#AA00AA170, 0, 170300°, 100%, 33%0, 100, 0, 3351.8% 0.238 328
Shy Guy Red#AA0055170, 0, 85330°, 100%, 33%0, 100, 50, 3347.7% 0.193 2
Heartbeat#AA0000170, 0, 00°, 100%, 33%0, 100, 100, 3346.3% 0.190 29
Tijolo#AA5500170, 85, 030°, 100%, 33%0, 50, 100, 3354.3% 0.136 54
Honey and Thyme#AAAA00170, 170, 060°, 100%, 33%0, 0, 100, 3371.4% 0.156 110

Which pairs work for text

Text on backgroundContrastWCAG
Aa #AA0000 on #AAAA003.12:1AA large
Aa #AA0055 on #AAAA002.98:1—
Aa #AA00AA on #AAAA002.57:1—
Aa #AA5500 on #AAAA002.11:1—
Aa #AA0000 on #AA55001.48:1—
Aa #AA0055 on #AA55001.41:1—

CSS variables

:root {
  --color-1: #aa00aa; /* Purple Potion */
  --color-2: #aa0055; /* Shy Guy Red */
  --color-3: #aa0000; /* Heartbeat */
  --color-4: #aa5500; /* Tijolo */
  --color-5: #aaaa00; /* Honey and Thyme */
}

Other schemes from Heartbeat

More dark red analogous color schemes

Questions

What colors go with Heartbeat?

In a analogous scheme: Purple Potion (#AA00AA), Shy Guy Red (#AA0055), Tijolo (#AA5500), Honey and Thyme (#AAAA00).

What is the hex code of Heartbeat?

#AA0000.