Herbivore Triadic Color Scheme
Five colors arranged by the triadic rule around Herbivore (#88EE77), each snapped to its nearest named color.
#88EE77
#6488EA
#F27987
#D8F3D7
#2E58E8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Herbivore | #88EE77 | 136, 238, 119 | 111°, 78%, 70% | 43, 0, 50, 7 | |
| Soft Blue | #6488EA | 100, 136, 234 | 224°, 76%, 65% | 57, 42, 0, 8 | |
| Flower Blossom Pink | #F27987 | 242, 121, 135 | 353°, 82%, 71% | 0, 50, 44, 5 | |
| Light Carolina | #D8F3D7 | 216, 243, 215 | 118°, 54%, 90% | 11, 0, 12, 5 | |
| Veteran’s Day Blue | #2E58E8 | 46, 88, 232 | 226°, 80%, 55% | 80, 62, 0, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D8F3D7 on #2E58E8 | 4.82:1 | AA |
| Aa #88EE77 on #2E58E8 | 3.95:1 | AA large |
| Aa #6488EA on #D8F3D7 | 2.83:1 | — |
| Aa #88EE77 on #6488EA | 2.33:1 | — |
| Aa #F27987 on #D8F3D7 | 2.25:1 | — |
| Aa #F27987 on #2E58E8 | 2.14:1 | — |
CSS variables
:root {
--color-1: #88ee77; /* Herbivore */
--color-2: #6488ea; /* Soft Blue */
--color-3: #f27987; /* Flower Blossom Pink */
--color-4: #d8f3d7; /* Light Carolina */
--color-5: #2e58e8; /* Veteran’s Day Blue */
}Other schemes from Herbivore
- Herbivore Complementary Color Scheme#88EE77#CCFFCC#DD77EE#CC33FF#F6CEFC
- Herbivore Analogous Color Scheme#EEDD77#C2F177#88EE77#7AF9AB#7BF2DA
- Herbivore Split-complementary Color Scheme#88EE77#A675FE#E56CC0#55FF33#CDB7FA
- Herbivore Tetradic Color Scheme#88EE77#76C5E7#DD77EE#F1A177#D8F3D7
- Herbivore Monochromatic Color Scheme#22BB11#55FF33#88EE77#C7FDB5#EBFCEC
More Light Green triadic palettes
- A State of Mint Triadic Color Scheme#88FFCC#CC88FF#FFCC88#E6FDF1#BF3CFF
- Basil Smash Triadic Color Scheme#B7E1A1#A3BAE3#E3A1B8#F1F9EC#6688CC
- Bay Triadic Color Scheme#B3E2D3#D6B7E2#E1D4B4#ECF7F7#A87DC2
- Big Spender Triadic Color Scheme#ACDDAF#B6ADD8#DDADAF#EBF8EF#7777CC
- Bok Choy Triadic Color Scheme#BCCAB3#AEBBD0#CEAEBB#F0F4EB#7C94B2
- Botanist Triadic Color Scheme#9AD28C#8B98D8#CF8D9A#DAEED5#556CB5
- Cabbage Triadic Color Scheme#87D7BE#B790D4#D8BE89#D2EFE6#9955CC
- Camping Grounds Triadic Color Scheme#B4C2A2#9FB6C6#C19FB3#E4ECDF#6B8CA9
- Celadon Triadic Color Scheme#ACE1AF#ACACE6#E6B0AF#EBF8EF#7777CC
- Celadon Porcelain Triadic Color Scheme#7EBEA5#AB7CB4#BEA77D#C6E3D3#84549B
- Celery Mousse Triadic Color Scheme#C1FD95#99CCFF#F49AC2#F1FDE9#5097FC
- Copper Patina Triadic Color Scheme#9DB4A0#9791BC#BD9D95#D4E3D7#6F63A0
Questions
What colors go with Herbivore?
In a triadic scheme: Soft Blue (#6488EA), Flower Blossom Pink (#F27987), Light Carolina (#D8F3D7), Veteran’s Day Blue (#2E58E8).
What is the hex code of Herbivore?
#88EE77.