Huebook

Gecko’s Dream Analogous Color Scheme

Five colors arranged by the analogous rule around Gecko’s Dream (#669900), each snapped to its nearest named color.

#993300
#997B00
#669900
#119900
#009933

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Chocoholic#993300153, 51, 020°, 100%, 30%0, 67, 100, 4046.6% 0.145 40
Cerignola Olive#997B00153, 123, 048°, 100%, 30%0, 20, 100, 4059.4% 0.122 92
Gecko’s Dream#669900102, 153, 080°, 100%, 30%33, 0, 100, 4062.3% 0.166 129
Herbalist’s Garden#11990017, 153, 0113°, 100%, 30%89, 0, 100, 4059.3% 0.199 142
Peppermint Toad#0099330, 153, 51140°, 100%, 30%100, 0, 67, 4059.5% 0.179 146

Which pairs work for text

Text on backgroundContrastWCAG
Aa #993300 on #6699002.16:1—
Aa #993300 on #0099331.98:1—
Aa #993300 on #1199001.97:1—
Aa #993300 on #997B001.83:1—
Aa #997B00 on #6699001.18:1—
Aa #669900 on #1199001.10:1—

CSS variables

:root {
  --color-1: #993300; /* Chocoholic */
  --color-2: #997b00; /* Cerignola Olive */
  --color-3: #669900; /* Gecko’s Dream */
  --color-4: #119900; /* Herbalist’s Garden */
  --color-5: #009933; /* Peppermint Toad */
}

Other schemes from Gecko’s Dream

More dark green analogous color schemes

Questions

What colors go with Gecko’s Dream?

In a analogous scheme: Chocoholic (#993300), Cerignola Olive (#997B00), Herbalist’s Garden (#119900), Peppermint Toad (#009933).

What is the hex code of Gecko’s Dream?

#669900.