Green Symphony Complementary Color Scheme
Five colors arranged by the complementary rule around Green Symphony (#66AA22), each snapped to its nearest named color.
#66AA22
#88DD55
#7722AA
#441166
#9955CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green Symphony | #66AA22 | 102, 170, 34 | 90°, 67%, 40% | 40, 0, 80, 33 | |
| Lilliputian Lime | #88DD55 | 136, 221, 85 | 98°, 67%, 60% | 38, 0, 62, 13 | |
| Fuchsia Nebula | #7722AA | 119, 34, 170 | 278°, 67%, 40% | 30, 80, 0, 33 | |
| Obsidian Shell | #441166 | 68, 17, 102 | 276°, 71%, 23% | 33, 83, 0, 60 | |
| Morado Purple | #9955CC | 153, 85, 204 | 274°, 54%, 57% | 25, 58, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #88DD55 on #441166 | 8.25:1 | AAA |
| Aa #66AA22 on #441166 | 4.83:1 | AA |
| Aa #88DD55 on #7722AA | 4.83:1 | AA |
| Aa #441166 on #9955CC | 2.98:1 | — |
| Aa #66AA22 on #7722AA | 2.83:1 | — |
| Aa #88DD55 on #9955CC | 2.77:1 | — |
CSS variables
:root {
--color-1: #66aa22; /* Green Symphony */
--color-2: #88dd55; /* Lilliputian Lime */
--color-3: #7722aa; /* Fuchsia Nebula */
--color-4: #441166; /* Obsidian Shell */
--color-5: #9955cc; /* Morado Purple */
}Other schemes from Green Symphony
- Green Symphony Analogous Color Scheme#AA6622#B0AE26#66AA22#2BA727#2BAE66
- Green Symphony Triadic Color Scheme#66AA22#2766AC#AA2266#88DD55#124168
- Green Symphony Split-complementary Color Scheme#66AA22#2425B9#AA22AA#446019#4D52DE
- Green Symphony Tetradic Color Scheme#66AA22#22AAAA#7722AA#AA2222#88DD55
- Green Symphony Monochromatic Color Scheme#172808#446019#66AA22#88CC44#BEEB71
More Dark Green complementary palettes
- Always Greener Grass Complementary Color Scheme#11AA00#21FC0D#9900AA#550055#FF11FF
- Amazon Complementary Color Scheme#387B54#59B587#753A58#442238#B7629B
- Asian Spice Complementary Color Scheme#118822#13DA25#881177#4C022F#FF1DCD
- Asparagus Sultan Complementary Color Scheme#6A8E22#9CD03B#442288#221155#7249D6
- Autumn Crocodile Complementary Color Scheme#447744#72A86A#784674#462343#AF73B0
- Avocado Complementary Color Scheme#568203#89DD01#380282#160435#5D06E9
- Bejewelled Complementary Color Scheme#25A26F#5CCD97#A22452#6F123C#CC5588
- Bergamot Complementary Color Scheme#95C703#C9FF27#3300CC#220077#6A2DED
- Beyond the Pines Complementary Color Scheme#688049#99AF73#644982#3C2F4E#967BB6
- Bimi Green Complementary Color Scheme#54682B#8CA94A#3E3267#1C0F33#654EA3
- Bold Irish Complementary Color Scheme#2A814D#41C379#872657#43182F#C44D97
- Botanical Complementary Color Scheme#4D6E2F#78AE48#522A6F#2E183B#8547B5
Questions
What colors go with Green Symphony?
In a complementary scheme: Lilliputian Lime (#88DD55), Fuchsia Nebula (#7722AA), Obsidian Shell (#441166), Morado Purple (#9955CC).
What is the hex code of Green Symphony?
#66AA22.