Huebook

Heavy Heart Monochromatic Color Scheme

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

#1A0600
#330011
#771122
#BD1C30
#EA3C53

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Soy Sauce#1A060026, 6, 014°, 100%, 5%0, 77, 100, 9015.6% 0.042 48
Ilvaite Black#33001151, 0, 17340°, 100%, 10%0, 100, 67, 8020.6% 0.083 7
Heavy Heart#771122119, 17, 34350°, 75%, 27%0, 86, 71, 5337.1% 0.134 19
Ruby Shard#BD1C30189, 28, 48353°, 74%, 43%0, 85, 75, 2651.5% 0.192 22
Desire#EA3C53234, 60, 83352°, 81%, 58%0, 74, 65, 862.4% 0.209 19

Which pairs work for text

Text on backgroundContrastWCAG
Aa #1A0600 on #EA3C534.93:1AA
Aa #330011 on #EA3C534.59:1AA
Aa #1A0600 on #BD1C303.15:1AA large
Aa #330011 on #BD1C302.94:1—
Aa #771122 on #EA3C532.79:1—
Aa #771122 on #BD1C301.79:1—

CSS variables

:root {
  --color-1: #1a0600; /* Soy Sauce */
  --color-2: #330011; /* Ilvaite Black */
  --color-3: #771122; /* Heavy Heart */
  --color-4: #bd1c30; /* Ruby Shard */
  --color-5: #ea3c53; /* Desire */
}

Other schemes from Heavy Heart

More dark red monochromatic color schemes

Questions

What colors go with Heavy Heart?

In a monochromatic scheme: Soy Sauce (#1A0600), Ilvaite Black (#330011), Ruby Shard (#BD1C30), Desire (#EA3C53).

What is the hex code of Heavy Heart?

#771122.