Huebook

Heavy Orange Monochromatic Color Scheme

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

#771908
#BB240C
#EE4328
#EE8170
#FABEB5

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Obscure Ogre#771908119, 25, 89°, 87%, 25%0, 79, 93, 5337.4% 0.131 32
Lobster#BB240C187, 36, 128°, 88%, 39%0, 81, 94, 2751.3% 0.189 32
Heavy Orange#EE4328238, 67, 408°, 85%, 55%0, 72, 83, 763.1% 0.212 32
Melondrama#EE8170238, 129, 1128°, 79%, 69%0, 46, 53, 772.0% 0.137 30
Candy Kisses#FABEB5250, 190, 1818°, 87%, 85%0, 24, 28, 285.3% 0.071 28

Which pairs work for text

Text on backgroundContrastWCAG
Aa #771908 on #FABEB56.80:1AA
Aa #771908 on #EE81704.16:1AA large
Aa #BB240C on #FABEB53.89:1AA large
Aa #771908 on #EE43282.84:1—
Aa #EE4328 on #FABEB52.39:1—
Aa #BB240C on #EE81702.38:1—

CSS variables

:root {
  --color-1: #771908; /* Obscure Ogre */
  --color-2: #bb240c; /* Lobster */
  --color-3: #ee4328; /* Heavy Orange */
  --color-4: #ee8170; /* Melondrama */
  --color-5: #fabeb5; /* Candy Kisses */
}

Other schemes from Heavy Orange

More medium red monochromatic color schemes

Questions

What colors go with Heavy Orange?

In a monochromatic scheme: Obscure Ogre (#771908), Lobster (#BB240C), Melondrama (#EE8170), Candy Kisses (#FABEB5).

What is the hex code of Heavy Orange?

#EE4328.