Huebook

Imperial Yellow Analogous Color Scheme

Five colors arranged by the analogous rule around Imperial Yellow (#FFB200), each snapped to its nearest named color.

#FF004D
#FF3300
#FFB200
#CCFF00
#4AFF00

Color names and codes

NameHEXRGBHSLCMYK
Bloody Pico-8#FF004D255, 0, 77342°, 100%, 50%0, 100, 70, 0
Boiling Magma#FF3300255, 51, 012°, 100%, 50%0, 80, 100, 0
Imperial Yellow#FFB200255, 178, 042°, 100%, 50%0, 30, 100, 0
Electric Lime#CCFF00204, 255, 072°, 100%, 50%20, 0, 100, 0
Chlorophyll Green#4AFF0074, 255, 0103°, 100%, 50%71, 0, 100, 0

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF004D on #CCFF003.33:1AA large
Aa #FF3300 on #CCFF003.12:1AA large
Aa #FF004D on #4AFF002.91:1—
Aa #FF3300 on #4AFF002.72:1—
Aa #FF004D on #FFB2002.17:1—
Aa #FF3300 on #FFB2002.03:1—

CSS variables

:root {
  --color-1: #ff004d; /* Bloody Pico-8 */
  --color-2: #ff3300; /* Boiling Magma */
  --color-3: #ffb200; /* Imperial Yellow */
  --color-4: #ccff00; /* Electric Lime */
  --color-5: #4aff00; /* Chlorophyll Green */
}

Other schemes from Imperial Yellow

More Medium Orange analogous palettes

Questions

What colors go with Imperial Yellow?

In a analogous scheme: Bloody Pico-8 (#FF004D), Boiling Magma (#FF3300), Electric Lime (#CCFF00), Chlorophyll Green (#4AFF00).

What is the hex code of Imperial Yellow?

#FFB200.