Green Symphony Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Green Symphony (#66AA22), each snapped to its nearest named color.
#66AA22
#2425B9
#AA22AA
#446019
#4D52DE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green Symphony | #66AA22 | 102, 170, 34 | 90°, 67%, 40% | 40, 0, 80, 33 | |
| Sapphire Splendour | #2425B9 | 36, 37, 185 | 240°, 67%, 43% | 81, 80, 0, 27 | |
| Ultra Violet Lentz | #AA22AA | 170, 34, 170 | 300°, 67%, 40% | 0, 80, 0, 33 | |
| Rainforest Matcha | #446019 | 68, 96, 25 | 84°, 59%, 24% | 29, 0, 74, 62 | |
| Dark Soft Violet | #4D52DE | 77, 82, 222 | 238°, 69%, 59% | 65, 63, 0, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66AA22 on #2425B9 | 3.60:1 | AA large |
| Aa #66AA22 on #446019 | 2.50:1 | — |
| Aa #66AA22 on #AA22AA | 2.09:1 | — |
| Aa #66AA22 on #4D52DE | 2.05:1 | — |
| Aa #2425B9 on #4D52DE | 1.75:1 | — |
| Aa #2425B9 on #AA22AA | 1.72:1 | — |
CSS variables
:root {
--color-1: #66aa22; /* Green Symphony */
--color-2: #2425b9; /* Sapphire Splendour */
--color-3: #aa22aa; /* Ultra Violet Lentz */
--color-4: #446019; /* Rainforest Matcha */
--color-5: #4d52de; /* Dark Soft Violet */
}Other schemes from Green Symphony
- Green Symphony Complementary Color Scheme#66AA22#88DD55#7722AA#441166#9955CC
- Green Symphony Analogous Color Scheme#AA6622#B0AE26#66AA22#2BA727#2BAE66
- Green Symphony Triadic Color Scheme#66AA22#2766AC#AA2266#88DD55#124168
- Green Symphony Tetradic Color Scheme#66AA22#22AAAA#7722AA#AA2222#88DD55
- Green Symphony Monochromatic Color Scheme#172808#446019#66AA22#88CC44#BEEB71
More Dark Green split-complementary palettes
- 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 Green Symphony?
In a split-complementary scheme: Sapphire Splendour (#2425B9), Ultra Violet Lentz (#AA22AA), Rainforest Matcha (#446019), Dark Soft Violet (#4D52DE).
What is the hex code of Green Symphony?
#66AA22.