Green Envy Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Green Envy (#77AA00), each snapped to its nearest named color.
#77AA00
#0022AA
#8601AF
#415A09
#0033EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Green Envy | #77AA00 | 119, 170, 0 | 78°, 100%, 33% | 30, 0, 100, 33 | |
| City Hunter Blue | #0022AA | 0, 34, 170 | 228°, 100%, 33% | 100, 80, 0, 33 | |
| Shade of Violet | #8601AF | 134, 1, 175 | 286°, 99%, 35% | 23, 99, 0, 31 | |
| Lustrian Undergrowth | #415A09 | 65, 90, 9 | 79°, 82%, 19% | 28, 0, 90, 65 | |
| Blue Bouquet | #0033EE | 0, 51, 238 | 227°, 100%, 47% | 100, 79, 0, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #77AA00 on #0022AA | 4.16:1 | AA large |
| Aa #77AA00 on #8601AF | 2.86:1 | — |
| Aa #77AA00 on #415A09 | 2.80:1 | — |
| Aa #77AA00 on #0033EE | 2.78:1 | — |
| Aa #0022AA on #0033EE | 1.50:1 | — |
| Aa #0022AA on #415A09 | 1.49:1 | — |
CSS variables
:root {
--color-1: #77aa00; /* Green Envy */
--color-2: #0022aa; /* City Hunter Blue */
--color-3: #8601af; /* Shade of Violet */
--color-4: #415a09; /* Lustrian Undergrowth */
--color-5: #0033ee; /* Blue Bouquet */
}Other schemes from Green Envy
- Green Envy Complementary Color Scheme#77AA00#B9FF03#3300AA#1D045D#5218FA
- Green Envy Analogous Color Scheme#A93400#A88905#77AA00#22AA00#00AA33
- Green Envy Triadic Color Scheme#77AA00#0077AA#AA0077#BBF90F#01455E
- Green Envy Tetradic Color Scheme#77AA00#00A78B#3300AA#AA0022#BBF90F
- Green Envy Monochromatic Color Scheme#0F180A#415A09#77AA00#ADF802#CDFA56
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 Envy?
In a split-complementary scheme: City Hunter Blue (#0022AA), Shade of Violet (#8601AF), Lustrian Undergrowth (#415A09), Blue Bouquet (#0033EE).
What is the hex code of Green Envy?
#77AA00.