Secret Garden Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Secret Garden (#11AA66), each snapped to its nearest named color.
#11AA66
#AA11AA
#A31713
#15633D
#ED0DD9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Secret Garden | #11AA66 | 17, 170, 102 | 153°, 82%, 37% | 90, 0, 40, 33 | 65.0% 0.154 156 | |
| Magentle | #AA11AA | 170, 17, 170 | 300°, 82%, 37% | 0, 90, 0, 33 | 52.2% 0.232 328 | |
| Mechrite Red | #A31713 | 163, 23, 19 | 2°, 79%, 36% | 0, 86, 88, 36 | 46.0% 0.174 28 | |
| Fun Green | #15633D | 21, 99, 61 | 151°, 65%, 24% | 79, 0, 38, 61 | 44.4% 0.097 157 | |
| Fuchsia | #ED0DD9 | 237, 13, 217 | 305°, 90%, 49% | 0, 95, 8, 7 | 65.4% 0.290 333 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #11AA66 on #A31713 | 2.59:1 | — |
| Aa #11AA66 on #15633D | 2.42:1 | — |
| Aa #A31713 on #ED0DD9 | 2.10:1 | — |
| Aa #11AA66 on #AA11AA | 2.07:1 | — |
| Aa #15633D on #ED0DD9 | 1.96:1 | — |
| Aa #AA11AA on #ED0DD9 | 1.68:1 | — |
CSS variables
:root {
--color-1: #11aa66; /* Secret Garden */
--color-2: #aa11aa; /* Magentle */
--color-3: #a31713; /* Mechrite Red */
--color-4: #15633d; /* Fun Green */
--color-5: #ed0dd9; /* Fuchsia */
}Other schemes from Secret Garden
- Secret Garden Complementary Color Scheme#11AA66#2AF589#AA1155#670728#EC3B83
- Secret Garden Analogous Color Scheme#55AA11#15B01A#11AA66#16A0A6#1150AF
- Secret Garden Triadic Color Scheme#11AA66#6611AA#AA6611#36FF9A#331166
- Secret Garden Tetradic Color Scheme#11AA66#030AA7#AA1155#A2A415#36FF9A
- Secret Garden Monochromatic Color Scheme#0E191C#15633D#11AA66#12E193#63F7B4
More dark green split-complementary color schemes
- Always Greener Grass Split-complementary Color Scheme#11AA00#5500AA#AA0066#005800#6600FF
- Amazon Split-complementary Color Scheme#387B54#6C3877#7C383D#224634#AA55AA
- Asian Spice Split-complementary Color Scheme#118822#5A1991#820E3B#06470C#9B1DCD
- Asparagus Sultan Split-complementary Color Scheme#6A8E22#253A91#772299#35530A#214FC6
- Autumn Crocodile Split-complementary Color Scheme#447744#5B4276#75495E#264334#9264A2
- Avocado Split-complementary Color Scheme#568203#001188#660088#223300#0022CC
- Bejewelled Split-complementary Color Scheme#25A26F#BB2299#A43323#136843#DF4EC8
- Bergamot Split-complementary Color Scheme#95C703#0033CC#9F00C5#447700#1155FF
- Beyond the Pines Split-complementary Color Scheme#688049#484A80#754A80#434C28#6C70A9
- Bimi Green Split-complementary Color Scheme#54682B#2C3A64#5B3167#223311#445599
- Bold Irish Split-complementary Color Scheme#2A814D#733380#842833#17462E#B13AAD
- Botanical Split-complementary Color Scheme#4D6E2F#292D74#69326E#223311#4A40AD
Questions
What colors go with Secret Garden?
In a split-complementary scheme: Magentle (#AA11AA), Mechrite Red (#A31713), Fun Green (#15633D), Fuchsia (#ED0DD9).
What is the hex code of Secret Garden?
#11AA66.