Herbivore Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Herbivore (#88EE77), each snapped to its nearest named color.
#22BB11
#55FF33
#88EE77
#C7FDB5
#EBFCEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Boboli Gardens | #22BB11 | 34, 187, 17 | 114°, 83%, 40% | 82, 0, 91, 27 | 69.0% 0.226 142 | |
| Alien Parasite | #55FF33 | 85, 255, 51 | 110°, 100%, 60% | 67, 0, 80, 0 | 87.8% 0.270 141 | |
| Herbivore | #88EE77 | 136, 238, 119 | 111°, 78%, 70% | 43, 0, 50, 7 | 86.0% 0.184 141 | |
| Distilled Venom | #C7FDB5 | 199, 253, 181 | 105°, 95%, 85% | 21, 0, 28, 1 | 93.9% 0.110 138 | |
| Placebo Green | #EBFCEC | 235, 252, 236 | 124°, 74%, 95% | 7, 0, 6, 1 | 97.4% 0.028 147 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #22BB11 on #EBFCEC | 2.40:1 | — |
| Aa #22BB11 on #C7FDB5 | 2.22:1 | — |
| Aa #22BB11 on #55FF33 | 1.92:1 | — |
| Aa #22BB11 on #88EE77 | 1.78:1 | — |
| Aa #88EE77 on #EBFCEC | 1.35:1 | — |
| Aa #55FF33 on #EBFCEC | 1.25:1 | — |
CSS variables
:root {
--color-1: #22bb11; /* Boboli Gardens */
--color-2: #55ff33; /* Alien Parasite */
--color-3: #88ee77; /* Herbivore */
--color-4: #c7fdb5; /* Distilled Venom */
--color-5: #ebfcec; /* Placebo Green */
}Other schemes from Herbivore
- Herbivore Complementary Color Scheme#88EE77#CCFFCC#DD77EE#CC33FF#F6CEFC
- Herbivore Analogous Color Scheme#EEDD77#C2F177#88EE77#7AF9AB#7BF2DA
- Herbivore Triadic Color Scheme#88EE77#6488EA#F27987#D8F3D7#2E58E8
- Herbivore Split-complementary Color Scheme#88EE77#A675FE#E56CC0#55FF33#CDB7FA
- Herbivore Tetradic Color Scheme#88EE77#76C5E7#DD77EE#F1A177#D8F3D7
More light green monochromatic color schemes
- A State of Mint Monochromatic Color Scheme#04F489#2AFEB7#88FFCC#D8FFF3#E6FDF1
- Basil Smash Monochromatic Color Scheme#66B032#8DCE65#B7E1A1#E2F7D9#F1F9EC
- Bay Monochromatic Color Scheme#42B395#79CCB3#B3E2D3#E9F9F5#ECF7F7
- Big Spender Monochromatic Color Scheme#41A94F#6FC276#ACDDAF#E2F4E4#EBF8EF
- Bok Choy Monochromatic Color Scheme#70855E#91AD8A#BCCAB3#E5E9E1#F4F4F0
- Botanist Monochromatic Color Scheme#528E39#68BD56#9AD28C#D1E8C2#F1F8EC
- Cabbage Monochromatic Color Scheme#319177#48C09B#87D7BE#C6EADD#E9F9F5
- Camping Grounds Monochromatic Color Scheme#6A7D4E#91A673#B4C2A2#D9E0D0#F4F4F0
- Celadon Monochromatic Color Scheme#41A94F#6CCC7B#ACE1AF#E3F5E5#EBF8EF
- Celadon Porcelain Monochromatic Color Scheme#3D6C54#4F9E81#7EBEA5#B1DAC6#E5F1EC
- Celery Mousse Monochromatic Color Scheme#66EE00#9CEF43#C1FD95#EBF7E4#F1FDE9
- Copper Patina Monochromatic Color Scheme#4F6A56#6E9377#9DB4A0#C9D5CB#F0F4F2
Questions
What colors go with Herbivore?
In a monochromatic scheme: Boboli Gardens (#22BB11), Alien Parasite (#55FF33), Distilled Venom (#C7FDB5), Placebo Green (#EBFCEC).
What is the hex code of Herbivore?
#88EE77.