Soon to Be Hay Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Soon to Be Hay (#7BB369), each snapped to its nearest named color.
#7BB369
#766CB0
#B26BA2
#558844
#A99FCF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Soon to Be Hay | #7BB369 | 123, 179, 105 | 105°, 33%, 56% | 31, 0, 41, 30 | 71.0% 0.119 138 | |
| Clear Mauve | #766CB0 | 118, 108, 176 | 249°, 30%, 56% | 33, 39, 0, 31 | 56.9% 0.103 289 | |
| Pink Parade | #B26BA2 | 178, 107, 162 | 314°, 32%, 56% | 0, 40, 9, 30 | 62.4% 0.115 336 | |
| The Legend of Green | #558844 | 85, 136, 68 | 105°, 33%, 40% | 38, 0, 50, 47 | 57.4% 0.113 138 | |
| Imperial Lilac | #A99FCF | 169, 159, 207 | 252°, 33%, 72% | 18, 23, 0, 19 | 72.8% 0.070 294 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #766CB0 on #A99FCF | 1.88:1 | — |
| Aa #7BB369 on #766CB0 | 1.87:1 | — |
| Aa #558844 on #A99FCF | 1.71:1 | — |
| Aa #7BB369 on #558844 | 1.70:1 | — |
| Aa #B26BA2 on #A99FCF | 1.55:1 | — |
| Aa #7BB369 on #B26BA2 | 1.54:1 | — |
CSS variables
:root {
--color-1: #7bb369; /* Soon to Be Hay */
--color-2: #766cb0; /* Clear Mauve */
--color-3: #b26ba2; /* Pink Parade */
--color-4: #558844; /* The Legend of Green */
--color-5: #a99fcf; /* Imperial Lilac */
}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 Tetradic Color Scheme#7BB369#68A0B0#A66FB5#B67A63#B5D5B0
- Soon to Be Hay Monochromatic Color Scheme#305D35#558844#7BB369#A8D19E#D7E7D0
More medium green split-complementary color schemes
- Acid Split-complementary Color Scheme#00FF22#AA00FF#FF005D#00BB11#AA55FF
- Acid Green Split-complementary Color Scheme#8FFE09#0011FF#FF09FF#66BB00#5555FF
- Alarming Slime Split-complementary Color Scheme#2CE335#8A2BE2#E42B73#15B01A#B36FF6
- Alien Abduction Split-complementary Color Scheme#0CFF0C#8811FF#FF0789#00BB00#AA55FF
- Alienated Split-complementary Color Scheme#00CC55#AA00CC#CC0011#008833#FF11FF
- Aloe Vera Split-complementary Color Scheme#678779#98568D#935A59#3E6655#BA86B5
- Aromatic Herbs Split-complementary Color Scheme#98C945#4455CC#BB44CC#6D8E2C#8A83DA
- Around the Gills Split-complementary Color Scheme#A1B670#6A7FB4#A66FB5#78944A#A2ADD0
- Artichoke Split-complementary Color Scheme#8F9779#6B7BA7#9569A3#6E7C45#9EA5C3
- Arugula Split-complementary Color Scheme#75AD5B#6A5BB1#AD5E99#4C793C#9A8EC1
- Asparagus Split-complementary Color Scheme#77AB56#5959AB#AA55AA#547839#8C87C5
- Atomic Lime Split-complementary Color Scheme#B9FF03#003AFF#CC00FF#84B701#4E7FFF
Questions
What colors go with Soon to Be Hay?
In a split-complementary scheme: Clear Mauve (#766CB0), Pink Parade (#B26BA2), The Legend of Green (#558844), Imperial Lilac (#A99FCF).
What is the hex code of Soon to Be Hay?
#7BB369.