Matcha Mecha Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Matcha Mecha (#9FAF6C), each snapped to its nearest named color.
#47562F
#77824A
#9FAF6C
#B8CA9D
#E2E6D1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Trefoil | #47562F | 71, 86, 47 | 83°, 29%, 26% | 17, 0, 45, 66 | 43.0% 0.063 126 | |
| Grasshopper | #77824A | 119, 130, 74 | 72°, 27%, 40% | 8, 0, 43, 49 | 58.4% 0.080 118 | |
| Matcha Mecha | #9FAF6C | 159, 175, 108 | 74°, 30%, 55% | 9, 0, 38, 31 | 72.5% 0.092 120 | |
| Sprout | #B8CA9D | 184, 202, 157 | 84°, 30%, 70% | 9, 0, 22, 21 | 81.4% 0.064 126 | |
| Bleached Jade | #E2E6D1 | 226, 230, 209 | 71°, 30%, 86% | 2, 0, 9, 10 | 91.6% 0.028 116 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #47562F on #E2E6D1 | 6.24:1 | AA |
| Aa #47562F on #B8CA9D | 4.54:1 | AA |
| Aa #47562F on #9FAF6C | 3.34:1 | AA large |
| Aa #77824A on #E2E6D1 | 3.25:1 | AA large |
| Aa #77824A on #B8CA9D | 2.36:1 | — |
| Aa #47562F on #77824A | 1.92:1 | — |
CSS variables
:root {
--color-1: #47562f; /* Trefoil */
--color-2: #77824a; /* Grasshopper */
--color-3: #9faf6c; /* Matcha Mecha */
--color-4: #b8ca9d; /* Sprout */
--color-5: #e2e6d1; /* Bleached Jade */
}Other schemes from Matcha Mecha
- Matcha Mecha Complementary Color Scheme#9FAF6C#C7CDA8#766CB0#564985#B6AED6
- Matcha Mecha Analogous Color Scheme#AE7F71#AC9A6C#9FAF6C#7FAC6E#69B076
- Matcha Mecha Triadic Color Scheme#9FAF6C#6F9DB3#AC6B98#CBD5B1#4B7689
- Matcha Mecha Split-complementary Color Scheme#9FAF6C#6A7FB4#946DAD#77824A#9BA9CA
- Matcha Mecha Tetradic Color Scheme#9FAF6C#71AF98#766CB0#AE6A78#CBD5B1
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 Matcha Mecha?
In a monochromatic scheme: Trefoil (#47562F), Grasshopper (#77824A), Sprout (#B8CA9D), Bleached Jade (#E2E6D1).
What is the hex code of Matcha Mecha?
#9FAF6C.