Soon to Be Hay Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Soon to Be Hay (#7BB369), each snapped to its nearest named color.
#305D35
#558844
#7BB369
#A8D19E
#D7E7D0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Parsley | #305D35 | 48, 93, 53 | 127°, 32%, 28% | 48, 0, 43, 64 | 43.5% 0.082 146 | |
| The Legend of Green | #558844 | 85, 136, 68 | 105°, 33%, 40% | 38, 0, 50, 47 | 57.4% 0.113 138 | |
| Soon to Be Hay | #7BB369 | 123, 179, 105 | 105°, 33%, 56% | 31, 0, 41, 30 | 71.0% 0.119 138 | |
| Relaxation Green | #A8D19E | 168, 209, 158 | 108°, 36%, 72% | 20, 0, 24, 18 | 81.8% 0.082 140 | |
| Peppermint | #D7E7D0 | 215, 231, 208 | 102°, 32%, 86% | 7, 0, 10, 9 | 91.0% 0.035 136 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #305D35 on #D7E7D0 | 5.92:1 | AA |
| Aa #305D35 on #A8D19E | 4.48:1 | AA large |
| Aa #558844 on #D7E7D0 | 3.25:1 | AA large |
| Aa #305D35 on #7BB369 | 3.10:1 | AA large |
| Aa #558844 on #A8D19E | 2.46:1 | — |
| Aa #7BB369 on #D7E7D0 | 1.91:1 | — |
CSS variables
:root {
--color-1: #305d35; /* Parsley */
--color-2: #558844; /* The Legend of Green */
--color-3: #7bb369; /* Soon to Be Hay */
--color-4: #a8d19e; /* Relaxation Green */
--color-5: #d7e7d0; /* Peppermint */
}Other schemes from Soon to Be Hay
- Soon to Be Hay Complementary Color Scheme#7BB369#B5D0A2#A66FB5#784384#C9ACD6
- Soon to Be Hay Analogous Color Scheme#AEA266#A1B670#7BB369#6EB478#6AB5A4
- Soon to Be Hay Triadic Color Scheme#7BB369#6A7FB4#AF6879#B5D5B0#45538D
- Soon to Be Hay Split-complementary Color Scheme#7BB369#766CB0#B26BA2#558844#A99FCF
- Soon to Be Hay Tetradic Color Scheme#7BB369#68A0B0#A66FB5#B67A63#B5D5B0
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 Soon to Be Hay?
In a monochromatic scheme: Parsley (#305D35), The Legend of Green (#558844), Relaxation Green (#A8D19E), Peppermint (#D7E7D0).
What is the hex code of Soon to Be Hay?
#7BB369.