Huebook

Lime Zest Analogous Color Scheme

Five colors arranged by the analogous rule around Lime Zest (#DDFF00), each snapped to its nearest named color.

#FF2200
#FFA300
#DDFF00
#55FF00
#00FF22

Color names and codes

NameHEXRGBHSLCMYKOKLCH
RedЯum#FF2200255, 34, 08°, 100%, 50%0, 87, 100, 063.7% 0.249 31
Pico Orange#FFA300255, 163, 038°, 100%, 50%0, 36, 100, 078.9% 0.171 70
Lime Zest#DDFF00221, 255, 068°, 100%, 50%13, 0, 100, 094.2% 0.222 119
Hyper Green#55FF0085, 255, 0100°, 100%, 50%67, 0, 100, 087.7% 0.281 140
Acid#00FF220, 255, 34128°, 100%, 50%100, 0, 87, 086.7% 0.289 143

Which pairs work for text

Text on backgroundContrastWCAG
Aa #FF2200 on #DDFF003.35:1AA large
Aa #FF2200 on #55FF002.86:1—
Aa #FF2200 on #00FF222.80:1—
Aa #FF2200 on #FFA3001.91:1—
Aa #FFA300 on #DDFF001.75:1—
Aa #FFA300 on #55FF001.50:1—

CSS variables

:root {
  --color-1: #ff2200; /* RedЯum */
  --color-2: #ffa300; /* Pico Orange */
  --color-3: #ddff00; /* Lime Zest */
  --color-4: #55ff00; /* Hyper Green */
  --color-5: #00ff22; /* Acid */
}

Other schemes from Lime Zest

More medium yellow analogous color schemes

Questions

What colors go with Lime Zest?

In a analogous scheme: RedЯum (#FF2200), Pico Orange (#FFA300), Hyper Green (#55FF00), Acid (#00FF22).

What is the hex code of Lime Zest?

#DDFF00.