Huebook

Heartbeat Tetradic Color Scheme

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

#AA0000
#55AA00
#00AAAA
#5500AA
#FF1111

Color names and codes

NameHEXRGBHSLCMYK
Heartbeat#AA0000170, 0, 00°, 100%, 33%0, 100, 100, 33
Yoshi#55AA0085, 170, 090°, 100%, 33%50, 0, 100, 33
Jade Orchid#00AAAA0, 170, 170180°, 100%, 33%100, 0, 0, 33
Aubergine Perl#5500AA85, 0, 170270°, 100%, 33%50, 100, 0, 33
Spicy#FF1111255, 17, 170°, 100%, 53%0, 93, 93, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #00AAAA on #5500AA3.73:1AA large
Aa #55AA00 on #5500AA3.63:1AA large
Aa #5500AA on #FF11112.72:1—
Aa #AA0000 on #00AAAA2.71:1—
Aa #AA0000 on #55AA002.63:1—
Aa #AA0000 on #FF11111.97:1—

CSS variables

:root {
  --color-1: #aa0000; /* Heartbeat */
  --color-2: #55aa00; /* Yoshi */
  --color-3: #00aaaa; /* Jade Orchid */
  --color-4: #5500aa; /* Aubergine Perl */
  --color-5: #ff1111; /* Spicy */
}

Other schemes from Heartbeat

More Dark Red tetradic palettes

Questions

What colors go with Heartbeat?

In a tetradic scheme: Yoshi (#55AA00), Jade Orchid (#00AAAA), Aubergine Perl (#5500AA), Spicy (#FF1111).

What is the hex code of Heartbeat?

#AA0000.