Huebook

Inferno Orange Analogous Color Scheme

Five colors arranged by the analogous rule around Inferno Orange (#FF4400), each snapped to its nearest named color.

#FF00BB
#FE023C
#FF4400
#FFC400
#BBFF00

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Brutal Pink#FF00BB255, 0, 187316°, 100%, 50%0, 100, 27, 066.7% 0.284 345
Méi Gūi Hóng Red#FE023C254, 2, 60346°, 99%, 50%0, 99, 76, 063.0% 0.253 22
Inferno Orange#FF4400255, 68, 016°, 100%, 50%0, 73, 100, 065.9% 0.230 35
Citrus Splash#FFC400255, 196, 046°, 100%, 50%0, 23, 100, 085.0% 0.174 87
Nuclear Blast#BBFF00187, 255, 076°, 100%, 50%27, 0, 100, 092.0% 0.236 127

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FE023C on #BBFF003.29:1AA large
Aa #FF00BB on #BBFF002.92:1—
Aa #FF4400 on #BBFF002.87:1—
Aa #FE023C on #FFC4002.49:1—
Aa #FF00BB on #FFC4002.20:1—
Aa #FF4400 on #FFC4002.16:1—

CSS variables

:root {
  --color-1: #ff00bb; /* Brutal Pink */
  --color-2: #fe023c; /* Méi Gūi Hóng Red */
  --color-3: #ff4400; /* Inferno Orange */
  --color-4: #ffc400; /* Citrus Splash */
  --color-5: #bbff00; /* Nuclear Blast */
}

Other schemes from Inferno Orange

More medium orange analogous color schemes

Questions

What colors go with Inferno Orange?

In a analogous scheme: Brutal Pink (#FF00BB), Méi Gūi Hóng Red (#FE023C), Citrus Splash (#FFC400), Nuclear Blast (#BBFF00).

What is the hex code of Inferno Orange?

#FF4400.