Huebook

Yellow-Bellied Analogous Color Scheme

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

#FF3344
#FF8833
#FFEE33
#AAFF32
#55FF33

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Devil’s Advocate#FF3344255, 51, 68355°, 100%, 60%0, 80, 73, 065.1% 0.235 23
Wildfire#FF8833255, 136, 5125°, 100%, 60%0, 47, 80, 074.6% 0.171 52
Yellow-Bellied#FFEE33255, 238, 5155°, 100%, 60%0, 7, 80, 093.4% 0.186 104
Lime#AAFF32170, 255, 5085°, 100%, 60%33, 0, 80, 091.2% 0.234 131
Alien Parasite#55FF3385, 255, 51110°, 100%, 60%67, 0, 80, 087.8% 0.270 141

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF3344 on #FFEE333.02:1AA large
Aa #FF3344 on #AAFF322.94:1—
Aa #FF3344 on #55FF332.71:1—
Aa #FF8833 on #FFEE331.99:1—
Aa #FF8833 on #AAFF321.93:1—
Aa #FF8833 on #55FF331.78:1—

CSS variables

:root {
  --color-1: #ff3344; /* Devil’s Advocate */
  --color-2: #ff8833; /* Wildfire */
  --color-3: #ffee33; /* Yellow-Bellied */
  --color-4: #aaff32; /* Lime */
  --color-5: #55ff33; /* Alien Parasite */
}

Other schemes from Yellow-Bellied

More light yellow analogous color schemes

Questions

What colors go with Yellow-Bellied?

In a analogous scheme: Devil’s Advocate (#FF3344), Wildfire (#FF8833), Lime (#AAFF32), Alien Parasite (#55FF33).

What is the hex code of Yellow-Bellied?

#FFEE33.