Grasshopper Triadic Color Scheme
Five colors arranged by the triadic rule around Grasshopper (#77824A), each snapped to its nearest named color.
#77824A
#447382
#824E78
#A2B37A
#2F484E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Grasshopper | #77824A | 119, 130, 74 | 72°, 27%, 40% | 8, 0, 43, 49 | |
| Wild River | #447382 | 68, 115, 130 | 195°, 31%, 39% | 48, 12, 0, 49 | |
| Graphic Grape | #824E78 | 130, 78, 120 | 312°, 25%, 41% | 0, 40, 8, 49 | |
| Serpentine | #A2B37A | 162, 179, 122 | 78°, 27%, 59% | 9, 0, 32, 30 | |
| Dad’s Coupe | #2F484E | 47, 72, 78 | 192°, 25%, 25% | 40, 8, 0, 69 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A2B37A on #2F484E | 4.29:1 | AA large |
| Aa #824E78 on #A2B37A | 2.80:1 | — |
| Aa #77824A on #2F484E | 2.35:1 | — |
| Aa #447382 on #A2B37A | 2.30:1 | — |
| Aa #447382 on #2F484E | 1.86:1 | — |
| Aa #77824A on #A2B37A | 1.83:1 | — |
CSS variables
:root {
--color-1: #77824a; /* Grasshopper */
--color-2: #447382; /* Wild River */
--color-3: #824e78; /* Graphic Grape */
--color-4: #a2b37a; /* Serpentine */
--color-5: #2f484e; /* Dad’s Coupe */
}Other schemes from Grasshopper
- Grasshopper Complementary Color Scheme#77824A#A5AF76#564985#372D52#847EB1
- Grasshopper Analogous Color Scheme#81544A#84704B#77824A#5A804F#498555
- Grasshopper Split-complementary Color Scheme#77824A#485783#704783#4C4E31#6A87AB
- Grasshopper Tetradic Color Scheme#77824A#438273#564985#814A5C#A2B37A
- Grasshopper Monochromatic Color Scheme#172713#4C4E31#77824A#9FAF6C#B8CA9D
More Medium Green triadic palettes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Grasshopper?
In a triadic scheme: Wild River (#447382), Graphic Grape (#824E78), Serpentine (#A2B37A), Dad’s Coupe (#2F484E).
What is the hex code of Grasshopper?
#77824A.