Heartbeat Complementary Color Scheme

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

#AA0000

#FF0809

#00AAAA

#005F5B

#11FFFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Heartbeat	`#AA0000`	170, 0, 0	0°, 100%, 33%	0, 100, 100, 33
Hóng Sè Red	`#FF0809`	255, 8, 9	360°, 100%, 52%	0, 97, 96, 0
Jade Orchid	`#00AAAA`	0, 170, 170	180°, 100%, 33%	100, 0, 0, 33
Mosque	`#005F5B`	0, 95, 91	177°, 100%, 19%	100, 0, 4, 63
Looney Blue	`#11FFFF`	17, 255, 255	180°, 100%, 53%	93, 0, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AA0000 on #11FFFF	6.19:1	AA
Aa #005F5B on #11FFFF	6.02:1	AA
Aa #FF0809 on #11FFFF	3.17:1	AA large
Aa #AA0000 on #00AAAA	2.71:1	—
Aa #00AAAA on #005F5B	2.63:1	—
Aa #00AAAA on #11FFFF	2.29:1	—

CSS variables

:root {
  --color-1: #aa0000; /* Heartbeat */
  --color-2: #ff0809; /* Hóng Sè Red */
  --color-3: #00aaaa; /* Jade Orchid */
  --color-4: #005f5b; /* Mosque */
  --color-5: #11ffff; /* Looney Blue */
}

Other schemes from Heartbeat

More Dark Red complementary palettes

Questions

What colors go with Heartbeat?

In a complementary scheme: Hóng Sè Red (#FF0809), Jade Orchid (#00AAAA), Mosque (#005F5B), Looney Blue (#11FFFF).

What is the hex code of Heartbeat?

#AA0000.