Moorland Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Moorland (#A6AB9B), each snapped to its nearest named color.
#A6AB9B
#9096B7
#B28EBC
#8C9E5E
#BEC2DA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Moorland | #A6AB9B | 166, 171, 155 | 79°, 9%, 64% | 3, 0, 9, 33 | |
| Lively Lilac | #9096B7 | 144, 150, 183 | 231°, 21%, 64% | 21, 18, 0, 28 | |
| Young Prince | #B28EBC | 178, 142, 188 | 287°, 26%, 65% | 5, 24, 0, 26 | |
| Yanagizome Green | #8C9E5E | 140, 158, 94 | 77°, 25%, 49% | 11, 0, 41, 38 | |
| Lavender Sachet | #BEC2DA | 190, 194, 218 | 231°, 27%, 80% | 13, 11, 0, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8C9E5E on #BEC2DA | 1.66:1 | — |
| Aa #9096B7 on #BEC2DA | 1.65:1 | — |
| Aa #B28EBC on #BEC2DA | 1.59:1 | — |
| Aa #A6AB9B on #BEC2DA | 1.34:1 | — |
| Aa #A6AB9B on #8C9E5E | 1.24:1 | — |
| Aa #A6AB9B on #9096B7 | 1.23:1 | — |
CSS variables
:root {
--color-1: #a6ab9b; /* Moorland */
--color-2: #9096b7; /* Lively Lilac */
--color-3: #b28ebc; /* Young Prince */
--color-4: #8c9e5e; /* Yanagizome Green */
--color-5: #bec2da; /* Lavender Sachet */
}Other schemes from Moorland
- Moorland Complementary Color Scheme#A6AB9B#D5DEC3#968DB8#6C5D97#D1CAE1
- Moorland Analogous Color Scheme#BB9A88#B7B38D#A6AB9B#99BB88#89B89A
- Moorland Triadic Color Scheme#A6AB9B#90ABBB#B88AAC#DCE0CD#5C899B
- Moorland Tetradic Color Scheme#A6AB9B#89BAB2#968DB8#BD9095#DCE0CD
- Moorland Monochromatic Color Scheme#585D4E#81876F#A6AB9B#CBCDC4#F1F2EE
More Light Gray split-complementary palettes
- Alpine Air Split-complementary Color Scheme#A9B4A9#B598C3#C99BB0#72A86A#D6C9DE
- Argento Split-complementary Color Scheme#CECAC3#BAD0D5#BDBBD7#B8A88A#EAF2F1
- Brume Split-complementary Color Scheme#C6C6C2#B6C4D2#C3B5D4#B1B787#E4EAED
- Casper Split-complementary Color Scheme#AAB5B8#C59DAA#C3B89F#6C9DA9#E1CED4
- Cathedral Split-complementary Color Scheme#ACAAA7#93BCBB#9791BC#A18A64#C5D9DB
- Cortex Split-complementary Color Scheme#A99592#84B6A2#899BB8#956159#B5D1C7
- Crown of Ash Split-complementary Color Scheme#A1A9A9#BB8DA8#BEA58E#5F9B9C#D8BFC8
- Dangerous Robot Split-complementary Color Scheme#CBC5C6#BBD9C3#BBCFD4#BC8A90#EAF2ED
- Dark Ages Split-complementary Color Scheme#9698A3#B99684#ABB486#536193#D1BEB4
- Dim Split-complementary Color Scheme#C8C2BE#B7D1D1#B2B7D1#B69983#E5EEEE
- Dove Split-complementary Color Scheme#B3ADA7#9CC2C5#979AC4#A3876A#C6DEDF
- Dusky Mood Split-complementary Color Scheme#979BA8#B69289#A8B989#5A6E9C#D5BFB4
Questions
What colors go with Moorland?
In a split-complementary scheme: Lively Lilac (#9096B7), Young Prince (#B28EBC), Yanagizome Green (#8C9E5E), Lavender Sachet (#BEC2DA).
What is the hex code of Moorland?
#A6AB9B.