Huebook

Heart’s Content Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Heart’s Content (#E2B5BD), each snapped to its nearest named color.

#B5485D
#C87F89
#E2B5BD
#F6EBEE
#F7EFEF

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Dark Rose#B5485D181, 72, 93348°, 43%, 50%0, 60, 49, 2955.2% 0.142 11
Grey Matter#C87F89200, 127, 137352°, 40%, 64%0, 37, 32, 2267.5% 0.091 11
Heart’s Content#E2B5BD226, 181, 189349°, 44%, 80%0, 20, 16, 1181.5% 0.053 6
Clichy White#F6EBEE246, 235, 238344°, 38%, 94%0, 4, 3, 495.0% 0.013 359
Vienna Dawn#F7EFEF247, 239, 2390°, 33%, 95%0, 3, 3, 395.8% 0.009 17

Which pairs work for text

Text on backgroundContrastWCAG
Aa #B5485D on #F7EFEF4.58:1AA
Aa #B5485D on #F6EBEE4.45:1AA large
Aa #B5485D on #E2B5BD2.86:1—
Aa #C87F89 on #F7EFEF2.71:1—
Aa #C87F89 on #F6EBEE2.63:1—
Aa #B5485D on #C87F891.69:1—

CSS variables

:root {
  --color-1: #b5485d; /* Dark Rose */
  --color-2: #c87f89; /* Grey Matter */
  --color-3: #e2b5bd; /* Heart’s Content */
  --color-4: #f6ebee; /* Clichy White */
  --color-5: #f7efef; /* Vienna Dawn */
}

Other schemes from Heart’s Content

More light red monochromatic color schemes

Questions

What colors go with Heart’s Content?

In a monochromatic scheme: Dark Rose (#B5485D), Grey Matter (#C87F89), Clichy White (#F6EBEE), Vienna Dawn (#F7EFEF).

What is the hex code of Heart’s Content?

#E2B5BD.