Mosslands Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mosslands (#779966), each snapped to its nearest named color.
#779966
#666699
#966993
#517345
#9791BC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Mosslands | #779966 | 119, 153, 102 | 100°, 20%, 50% | 22, 0, 33, 40 | 64.4% 0.083 136 | |
| Dark Horizon | #666699 | 102, 102, 153 | 240°, 20%, 50% | 33, 33, 0, 40 | 53.2% 0.079 283 | |
| Tulipan Violet | #966993 | 150, 105, 147 | 304°, 18%, 50% | 0, 30, 2, 41 | 58.2% 0.082 329 | |
| Artichoke Green | #517345 | 81, 115, 69 | 104°, 25%, 36% | 30, 0, 40, 55 | 51.7% 0.080 138 | |
| Royal Glimmer | #9791BC | 151, 145, 188 | 248°, 24%, 65% | 20, 23, 0, 26 | 67.7% 0.063 291 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #517345 on #9791BC | 1.82:1 | — |
| Aa #666699 on #9791BC | 1.81:1 | — |
| Aa #779966 on #517345 | 1.68:1 | — |
| Aa #779966 on #666699 | 1.66:1 | — |
| Aa #966993 on #9791BC | 1.50:1 | — |
| Aa #779966 on #966993 | 1.38:1 | — |
CSS variables
:root {
--color-1: #779966; /* Mosslands */
--color-2: #666699; /* Dark Horizon */
--color-3: #966993; /* Tulipan Violet */
--color-4: #517345; /* Artichoke Green */
--color-5: #9791bc; /* Royal Glimmer */
}Other schemes from Mosslands
- Mosslands Complementary Color Scheme#779966#A7C297#86619F#62416D#BB9ECA
- Mosslands Analogous Color Scheme#9D8861#8F9961#779966#609F6E#649D85
- Mosslands Triadic Color Scheme#779966#65769A#9D6375#AAC69A#455371
- Mosslands Tetradic Color Scheme#779966#60949B#86619F#9D6663#AAC69A
- Mosslands Monochromatic Color Scheme#2C3D28#546C46#779966#A5BA93#C9D6C2
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 Mosslands?
In a split-complementary scheme: Dark Horizon (#666699), Tulipan Violet (#966993), Artichoke Green (#517345), Royal Glimmer (#9791BC).
What is the hex code of Mosslands?
#779966.