Huebook

Secret Garden Analogous Color Scheme

Five colors arranged by the analogous rule around Secret Garden (#11AA66), each snapped to its nearest named color.

#55AA11
#15B01A
#11AA66
#16A0A6
#1150AF

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Plastic Pines#55AA1185, 170, 1793°, 82%, 37%50, 0, 90, 3365.9% 0.191 136
Pikkoro Green#15B01A21, 176, 26122°, 79%, 39%88, 0, 85, 3165.8% 0.215 143
Secret Garden#11AA6617, 170, 102153°, 82%, 37%90, 0, 40, 3365.0% 0.154 156
Ducati#16A0A622, 160, 166183°, 77%, 37%87, 4, 0, 3564.3% 0.106 200
Aarhusian Sky#1150AF17, 80, 175216°, 82%, 38%90, 54, 0, 3145.4% 0.164 260

Which pairs work for text

Text on backgroundContrastWCAG
Aa #15B01A on #1150AF2.60:1—
Aa #55AA11 on #1150AF2.56:1—
Aa #11AA66 on #1150AF2.50:1—
Aa #16A0A6 on #1150AF2.37:1—
Aa #15B01A on #16A0A61.10:1—
Aa #55AA11 on #16A0A61.08:1—

CSS variables

:root {
  --color-1: #55aa11; /* Plastic Pines */
  --color-2: #15b01a; /* Pikkoro Green */
  --color-3: #11aa66; /* Secret Garden */
  --color-4: #16a0a6; /* Ducati */
  --color-5: #1150af; /* Aarhusian Sky */
}

Other schemes from Secret Garden

More dark green analogous color schemes

Questions

What colors go with Secret Garden?

In a analogous scheme: Plastic Pines (#55AA11), Pikkoro Green (#15B01A), Ducati (#16A0A6), Aarhusian Sky (#1150AF).

What is the hex code of Secret Garden?

#11AA66.