Green Yellow Complementary Color Scheme
Five colors arranged by the complementary rule around Green Yellow (#ADFF2F), each snapped to its nearest named color.
#ADFF2F
#C2FF89
#8020FF
#5D06E9
#BB88FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Green Yellow | #ADFF2F | 173, 255, 47 | 84°, 100%, 59% | 32, 0, 82, 0 | 91.3% 0.233 130 | |
| Light Yellowish Green | #C2FF89 | 194, 255, 137 | 91°, 100%, 77% | 24, 0, 46, 0 | 93.3% 0.161 131 | |
| Szöllősi Grape | #8020FF | 128, 32, 255 | 266°, 100%, 56% | 50, 87, 0, 0 | 54.1% 0.283 293 | |
| Gonzo Violet | #5D06E9 | 93, 6, 233 | 263°, 95%, 47% | 60, 97, 0, 9 | 47.3% 0.273 285 | |
| Lilac Geode | #BB88FF | 187, 136, 255 | 266°, 100%, 77% | 27, 47, 0, 0 | 72.5% 0.173 302 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C2FF89 on #5D06E9 | 6.73:1 | AA |
| Aa #ADFF2F on #5D06E9 | 6.42:1 | AA |
| Aa #C2FF89 on #8020FF | 5.03:1 | AA |
| Aa #ADFF2F on #8020FF | 4.80:1 | AA |
| Aa #5D06E9 on #BB88FF | 3.03:1 | AA large |
| Aa #8020FF on #BB88FF | 2.26:1 | — |
CSS variables
:root {
--color-1: #adff2f; /* Green Yellow */
--color-2: #c2ff89; /* Light Yellowish Green */
--color-3: #8020ff; /* Szöllősi Grape */
--color-4: #5d06e9; /* Gonzo Violet */
--color-5: #bb88ff; /* Lilac Geode */
}Other schemes from Green Yellow
- Green Yellow Analogous Color Scheme#F8822A#FDE634#ADFF2F#55FF33#2AF589
- Green Yellow Triadic Color Scheme#ADFF2F#30A9FF#FE28A2#C1FD95#0099EE
- Green Yellow Split-complementary Color Scheme#ADFF2F#2D47FF#FF33FF#97EA10#7A81FF
- Green Yellow Tetradic Color Scheme#ADFF2F#33FFFF#8020FF#FF3344#C1FD95
- Green Yellow Monochromatic Color Scheme#4F8F00#97EA10#ADFF2F#CCFD7F#EEFFCC
More medium green complementary color schemes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Green Yellow?
In a complementary scheme: Light Yellowish Green (#C2FF89), Szöllősi Grape (#8020FF), Gonzo Violet (#5D06E9), Lilac Geode (#BB88FF).
What is the hex code of Green Yellow?
#ADFF2F.