Green Yellow Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Green Yellow (#ADFF2F), each snapped to its nearest named color.
#4F8F00
#97EA10
#ADFF2F
#CCFD7F
#EEFFCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Pistachio Flour | #4F8F00 | 79, 143, 0 | 87°, 100%, 28% | 45, 0, 100, 44 | 58.4% 0.167 134 | |
| Scorpion Venom | #97EA10 | 151, 234, 16 | 83°, 87%, 49% | 35, 0, 93, 8 | 85.1% 0.229 131 | |
| Green Yellow | #ADFF2F | 173, 255, 47 | 84°, 100%, 59% | 32, 0, 82, 0 | 91.3% 0.233 130 | |
| Green Shimmer | #CCFD7F | 204, 253, 127 | 83°, 97%, 75% | 19, 0, 50, 1 | 93.4% 0.163 127 | |
| Snowdrop | #EEFFCC | 238, 255, 204 | 80°, 100%, 90% | 7, 0, 20, 0 | 97.5% 0.069 123 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4F8F00 on #EEFFCC | 3.77:1 | AA large |
| Aa #4F8F00 on #CCFD7F | 3.41:1 | AA large |
| Aa #4F8F00 on #ADFF2F | 3.25:1 | AA large |
| Aa #4F8F00 on #97EA10 | 2.68:1 | — |
| Aa #97EA10 on #EEFFCC | 1.41:1 | — |
| Aa #97EA10 on #CCFD7F | 1.27:1 | — |
CSS variables
:root {
--color-1: #4f8f00; /* Pistachio Flour */
--color-2: #97ea10; /* Scorpion Venom */
--color-3: #adff2f; /* Green Yellow */
--color-4: #ccfd7f; /* Green Shimmer */
--color-5: #eeffcc; /* Snowdrop */
}Other schemes from Green Yellow
- Green Yellow Complementary Color Scheme#ADFF2F#C2FF89#8020FF#5D06E9#BB88FF
- 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
More medium green monochromatic color schemes
- Acid Monochromatic Color Scheme#006611#00BB11#00FF22#4CFF7B#90FDA9
- Acid Green Monochromatic Color Scheme#376D03#66BB00#8FFE09#AAFF55#DDFFAA
- Alarming Slime Monochromatic Color Scheme#116611#15B01A#2CE335#73FA79#B8F8B8
- Alien Abduction Monochromatic Color Scheme#007700#00BB00#0CFF0C#55FF55#AAFFAA
- Alienated Monochromatic Color Scheme#003311#008833#00CC55#1EF876#76FDA8
- Aloe Vera Monochromatic Color Scheme#232F2C#4A5C52#678779#93A79E#BACBC4
- Aromatic Herbs Monochromatic Color Scheme#4B5D16#6D8E2C#98C945#B9D786#DDEDBD
- Around the Gills Monochromatic Color Scheme#4B5D31#78944A#A1B670#C1CFA9#E3EAD6
- Artichoke Monochromatic Color Scheme#3F4635#697056#8F9779#B2B9A5#D5DAD1
- Arugula Monochromatic Color Scheme#2A4F21#4C793C#75AD5B#A4C48E#C5E1C3
- Asparagus Monochromatic Color Scheme#37412A#547839#77AB56#A4C08A#C8DCBB
- Atomic Lime Monochromatic Color Scheme#556600#84B701#B9FF03#CDFA56#EEFF99
Questions
What colors go with Green Yellow?
In a monochromatic scheme: Pistachio Flour (#4F8F00), Scorpion Venom (#97EA10), Green Shimmer (#CCFD7F), Snowdrop (#EEFFCC).
What is the hex code of Green Yellow?
#ADFF2F.