Huebook

Overgrown Analogous Color Scheme

Five colors arranged by the analogous rule around Overgrown (#88DD00), each snapped to its nearest named color.

#DD5500
#DAC100
#88DD00
#11DD00
#0BDA51

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Raging Leaf#DD5500221, 85, 023°, 100%, 43%0, 62, 100, 1362.2% 0.185 43
Sorbet Yellow#DAC100218, 193, 053°, 100%, 43%0, 11, 100, 1580.7% 0.168 100
Overgrown#88DD00136, 221, 083°, 100%, 43%38, 0, 100, 1381.1% 0.225 132
Caustic Green#11DD0017, 221, 0115°, 100%, 43%92, 0, 100, 1377.8% 0.263 142
Malachite#0BDA5111, 218, 81140°, 90%, 45%95, 0, 63, 1577.4% 0.229 147

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DD5500 on #88DD002.31:1—
Aa #DD5500 on #DAC1002.16:1—
Aa #DD5500 on #11DD002.12:1—
Aa #DD5500 on #0BDA512.08:1—
Aa #88DD00 on #0BDA511.11:1—
Aa #88DD00 on #11DD001.09:1—

CSS variables

:root {
  --color-1: #dd5500; /* Raging Leaf */
  --color-2: #dac100; /* Sorbet Yellow */
  --color-3: #88dd00; /* Overgrown */
  --color-4: #11dd00; /* Caustic Green */
  --color-5: #0bda51; /* Malachite */
}

Other schemes from Overgrown

More medium green analogous color schemes

Questions

What colors go with Overgrown?

In a analogous scheme: Raging Leaf (#DD5500), Sorbet Yellow (#DAC100), Caustic Green (#11DD00), Malachite (#0BDA51).

What is the hex code of Overgrown?

#88DD00.