Leafy Greens Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Leafy Greens (#80BB66), each snapped to its nearest named color.
#2D5E22
#548D44
#80BB66
#A9D39E
#DBE8CF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bright Nori | #2D5E22 | 45, 94, 34 | 109°, 47%, 25% | 52, 0, 64, 63 | |
| Fern | #548D44 | 84, 141, 68 | 107°, 35%, 41% | 40, 0, 52, 45 | |
| Leafy Greens | #80BB66 | 128, 187, 102 | 102°, 38%, 57% | 32, 0, 45, 27 | |
| Pistachio Green | #A9D39E | 169, 211, 158 | 108°, 38%, 72% | 20, 0, 25, 17 | |
| Minty Frosting | #DBE8CF | 219, 232, 207 | 91°, 35%, 86% | 6, 0, 11, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2D5E22 on #DBE8CF | 6.02:1 | AA |
| Aa #2D5E22 on #A9D39E | 4.57:1 | AA |
| Aa #2D5E22 on #80BB66 | 3.37:1 | AA large |
| Aa #548D44 on #DBE8CF | 3.12:1 | AA large |
| Aa #548D44 on #A9D39E | 2.37:1 | — |
| Aa #2D5E22 on #548D44 | 1.93:1 | — |
CSS variables
:root {
--color-1: #2d5e22; /* Bright Nori */
--color-2: #548d44; /* Fern */
--color-3: #80bb66; /* Leafy Greens */
--color-4: #a9d39e; /* Pistachio Green */
--color-5: #dbe8cf; /* Minty Frosting */
}Other schemes from Leafy Greens
- Leafy Greens Complementary Color Scheme#80BB66#B8D7A6#A264BA#754B8F#CAADD8
- Leafy Greens Analogous Color Scheme#BEA166#ADB864#80BB66#66BB77#6CBBA0
- Leafy Greens Triadic Color Scheme#80BB66#6384B8#B96482#BAD7AE#405E95
- Leafy Greens Split-complementary Color Scheme#80BB66#7366BD#BC64A4#548D44#A99FCF
- Leafy Greens Tetradic Color Scheme#80BB66#63ADB9#A264BA#BB7766#BAD7AE
More Medium Green monochromatic palettes
- 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 Leafy Greens?
In a monochromatic scheme: Bright Nori (#2D5E22), Fern (#548D44), Pistachio Green (#A9D39E), Minty Frosting (#DBE8CF).
What is the hex code of Leafy Greens?
#80BB66.