Soon to Be Hay Complementary Color Scheme
Five colors arranged by the complementary rule around Soon to Be Hay (#7BB369), each snapped to its nearest named color.
#7BB369
#B5D0A2
#A66FB5
#784384
#C9ACD6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Soon to Be Hay | #7BB369 | 123, 179, 105 | 105°, 33%, 56% | 31, 0, 41, 30 | |
| Apium | #B5D0A2 | 181, 208, 162 | 95°, 33%, 73% | 13, 0, 22, 18 | |
| Soft Purple | #A66FB5 | 166, 111, 181 | 287°, 32%, 57% | 8, 39, 0, 29 | |
| Nightly Violet | #784384 | 120, 67, 132 | 289°, 33%, 39% | 9, 49, 0, 48 | |
| Darling Lilac | #C9ACD6 | 201, 172, 214 | 281°, 34%, 76% | 6, 20, 0, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B5D0A2 on #784384 | 4.26:1 | AA large |
| Aa #784384 on #C9ACD6 | 3.53:1 | AA large |
| Aa #7BB369 on #784384 | 2.89:1 | — |
| Aa #B5D0A2 on #A66FB5 | 2.25:1 | — |
| Aa #A66FB5 on #784384 | 1.90:1 | — |
| Aa #A66FB5 on #C9ACD6 | 1.86:1 | — |
CSS variables
:root {
--color-1: #7bb369; /* Soon to Be Hay */
--color-2: #b5d0a2; /* Apium */
--color-3: #a66fb5; /* Soft Purple */
--color-4: #784384; /* Nightly Violet */
--color-5: #c9acd6; /* Darling Lilac */
}Other schemes from Soon to Be Hay
- 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
- Soon to Be Hay Monochromatic Color Scheme#305D35#558844#7BB369#A8D19E#D7E7D0
More Medium Green complementary palettes
- Acid Complementary Color Scheme#00FF22#4CFF7B#EE00DD#BB0099#FF66EE
- Acid Green Complementary Color Scheme#8FFE09#B9FF66#7F01FE#5500BB#B36FF6
- Alarming Slime Complementary Color Scheme#2CE335#7BE892#E03FD8#AA11AA#EE88EE
- Alien Abduction Complementary Color Scheme#0CFF0C#66FF66#FF09FF#BB00BB#FE6FFF
- Alienated Complementary Color Scheme#00CC55#20F986#CC0077#820747#FE28A2
- Aloe Vera Complementary Color Scheme#678779#8EBAA6#985672#673C4C#BA97A9
- Aromatic Herbs Complementary Color Scheme#98C945#BCDF8A#7442C8#472E97#B195E4
- Around the Gills Complementary Color Scheme#A1B670#C6D4AC#8773BB#5A4E8F#BFB9D5
- Artichoke Complementary Color Scheme#8F9779#BCC7A4#786DAA#534778#B2A7CC
- Arugula Complementary Color Scheme#75AD5B#ABCA99#8D5EB7#653D7C#C09DC8
- Asparagus Complementary Color Scheme#77AB56#A3C893#8D5EB7#653D7C#BB9ECD
- Atomic Lime Complementary Color Scheme#B9FF03#CBF85F#4400FF#3300AA#8866FF
Questions
What colors go with Soon to Be Hay?
In a complementary scheme: Apium (#B5D0A2), Soft Purple (#A66FB5), Nightly Violet (#784384), Darling Lilac (#C9ACD6).
What is the hex code of Soon to Be Hay?
#7BB369.