Huebook

Red Riding Hood Analogous Color Scheme

Five colors arranged by the analogous rule around Red Riding Hood (#FE2713), each snapped to its nearest named color.

#FF0FF3
#FF1476
#FE2713
#FE9E13
#EEFF11

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Barbara#FF0FF3255, 15, 243303°, 100%, 53%0, 94, 5, 069.7% 0.312 331
Pink Ink#FF1476255, 20, 118335°, 100%, 54%0, 92, 54, 064.6% 0.253 6
Red Riding Hood#FE2713254, 39, 195°, 99%, 54%0, 85, 93, 063.8% 0.245 30
Orange Fruit#FE9E13254, 158, 1935°, 99%, 54%0, 38, 93, 078.0% 0.169 67
High Voltage#EEFF11238, 255, 1764°, 100%, 53%7, 0, 93, 095.5% 0.214 115

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FE2713 on #EEFF113.44:1AA large
Aa #FF1476 on #EEFF113.38:1AA large
Aa #FF0FF3 on #EEFF112.86:1—
Aa #FE9E13 on #EEFF111.87:1—
Aa #FE2713 on #FE9E131.83:1—
Aa #FF1476 on #FE9E131.80:1—

CSS variables

:root {
  --color-1: #ff0ff3; /* Barbara */
  --color-2: #ff1476; /* Pink Ink */
  --color-3: #fe2713; /* Red Riding Hood */
  --color-4: #fe9e13; /* Orange Fruit */
  --color-5: #eeff11; /* High Voltage */
}

Other schemes from Red Riding Hood

More medium red analogous color schemes

Questions

What colors go with Red Riding Hood?

In a analogous scheme: Barbara (#FF0FF3), Pink Ink (#FF1476), Orange Fruit (#FE9E13), High Voltage (#EEFF11).

What is the hex code of Red Riding Hood?

#FE2713.