Huebook

Fire Engine Analogous Color Scheme

Five colors arranged by the analogous rule around Fire Engine (#FE0002), each snapped to its nearest named color.

#FF00FF
#FF0080
#FE0002
#FF7E00
#FFFC00

Color names and codes

NameHEXRGBHSLCMYK
Magenta#FF00FF255, 0, 255300°, 100%, 50%0, 100, 0, 0
Neon Rose#FF0080255, 0, 128330°, 100%, 50%0, 100, 50, 0
Fire Engine#FE0002254, 0, 2360°, 100%, 50%0, 100, 99, 0
Shade of Amber#FF7E00255, 126, 030°, 100%, 50%0, 51, 100, 0
Electric Yellow#FFFC00255, 252, 059°, 100%, 50%0, 1, 100, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FE0002 on #FFFC003.68:1AA large
Aa #FF0080 on #FFFC003.45:1AA large
Aa #FF00FF on #FFFC002.86:1—
Aa #FF7E00 on #FFFC002.33:1—
Aa #FE0002 on #FF7E001.58:1—
Aa #FF0080 on #FF7E001.48:1—

CSS variables

:root {
  --color-1: #ff00ff; /* Magenta */
  --color-2: #ff0080; /* Neon Rose */
  --color-3: #fe0002; /* Fire Engine */
  --color-4: #ff7e00; /* Shade of Amber */
  --color-5: #fffc00; /* Electric Yellow */
}

Other schemes from Fire Engine

More Medium Red analogous palettes

Questions

What colors go with Fire Engine?

In a analogous scheme: Magenta (#FF00FF), Neon Rose (#FF0080), Shade of Amber (#FF7E00), Electric Yellow (#FFFC00).

What is the hex code of Fire Engine?

#FE0002.