Huebook

Heartbeat Monochromatic Color Scheme

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

#1D0200
#550000
#AA0000
#F20000
#FF4444

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Dwarf Fortress#1D020029, 2, 04°, 100%, 6%0, 93, 100, 8915.1% 0.054 34
Soooo Bloody#55000085, 0, 00°, 100%, 17%0, 100, 100, 6728.2% 0.116 29
Heartbeat#AA0000170, 0, 00°, 100%, 33%0, 100, 100, 3346.3% 0.190 29
Spectrum Red#F20000242, 0, 00°, 100%, 47%0, 100, 100, 560.4% 0.248 29
Tomato Frog#FF4444255, 68, 680°, 100%, 63%0, 73, 73, 066.4% 0.223 26

Which pairs work for text

Text on backgroundContrastWCAG
Aa #1D0200 on #FF44445.81:1AA
Aa #1D0200 on #F200004.50:1AA
Aa #550000 on #FF44444.45:1AA large
Aa #550000 on #F200003.44:1AA large
Aa #1D0200 on #AA00002.55:1—
Aa #AA0000 on #FF44442.27:1—

CSS variables

:root {
  --color-1: #1d0200; /* Dwarf Fortress */
  --color-2: #550000; /* Soooo Bloody */
  --color-3: #aa0000; /* Heartbeat */
  --color-4: #f20000; /* Spectrum Red */
  --color-5: #ff4444; /* Tomato Frog */
}

Other schemes from Heartbeat

More dark red monochromatic color schemes

Questions

What colors go with Heartbeat?

In a monochromatic scheme: Dwarf Fortress (#1D0200), Soooo Bloody (#550000), Spectrum Red (#F20000), Tomato Frog (#FF4444).

What is the hex code of Heartbeat?

#AA0000.