Soon to Be Hay Triadic Color Scheme
Five colors arranged by the triadic rule around Soon to Be Hay (#7BB369), each snapped to its nearest named color.
#7BB369
#6A7FB4
#AF6879
#B5D5B0
#45538D
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 | |
| Marvellous | #6A7FB4 | 106, 127, 180 | 223°, 33%, 56% | 41, 29, 0, 29 | 60.1% 0.085 267 | |
| Refined Rose | #AF6879 | 175, 104, 121 | 346°, 31%, 55% | 0, 41, 31, 31 | 60.0% 0.093 5 | |
| Flower Stem | #B5D5B0 | 181, 213, 176 | 112°, 31%, 76% | 15, 0, 17, 16 | 84.0% 0.061 141 | |
| Demon Blue | #45538D | 69, 83, 141 | 228°, 34%, 41% | 51, 41, 0, 45 | 45.9% 0.096 272 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B5D5B0 on #45538D | 4.56:1 | AA |
| Aa #7BB369 on #45538D | 2.95:1 | — |
| Aa #AF6879 on #B5D5B0 | 2.58:1 | — |
| Aa #6A7FB4 on #B5D5B0 | 2.47:1 | — |
| Aa #6A7FB4 on #45538D | 1.85:1 | — |
| Aa #AF6879 on #45538D | 1.77:1 | — |
CSS variables
:root {
--color-1: #7bb369; /* Soon to Be Hay */
--color-2: #6a7fb4; /* Marvellous */
--color-3: #af6879; /* Refined Rose */
--color-4: #b5d5b0; /* Flower Stem */
--color-5: #45538d; /* Demon Blue */
}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 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 triadic color schemes
- Acid Triadic Color Scheme#00FF22#2200FF#FF2200#73FA79#1100AA
- Acid Green Triadic Color Scheme#8FFE09#0096FF#FF0490#BEFD73#0B67BE
- Alarming Slime Triadic Color Scheme#2CE335#273BE2#E33928#90EE90#0018A8
- Alien Abduction Triadic Color Scheme#0CFF0C#0C06F7#FF0E0E#77FF77#0000BF
- Alienated Triadic Color Scheme#00CC55#510AC9#CC5500#2AF589#380282
- Aloe Vera Triadic Color Scheme#678779#7B5D92#987A5B#95BFB2#4B3F69
- Aromatic Herbs Triadic Color Scheme#98C945#4499CC#CC4499#C1E28A#296D93
- Around the Gills Triadic Color Scheme#A1B670#70A5B7#B26BA2#CDD6B1#4B7991
- Artichoke Triadic Color Scheme#8F9779#6797A2#A46A95#C1CFA9#486C7A
- Arugula Triadic Color Scheme#75AD5B#5776AF#AD5B78#A8D19E#39527D
- Asparagus Triadic Color Scheme#77AB56#5577AA#AD5B78#B2CC9A#39527D
- Atomic Lime Triadic Color Scheme#B9FF03#00BBFF#FF01B7#D4FB79#0081B5
Questions
What colors go with Soon to Be Hay?
In a triadic scheme: Marvellous (#6A7FB4), Refined Rose (#AF6879), Flower Stem (#B5D5B0), Demon Blue (#45538D).
What is the hex code of Soon to Be Hay?
#7BB369.