Moonscape Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Moonscape (#806B77), each snapped to its nearest named color.
#806B77
#5B984F
#57958B
#663C55
#89B386
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Moonscape | #806B77 | 128, 107, 119 | 326°, 9%, 46% | 0, 16, 7, 50 | 55.2% 0.032 343 | |
| Wicked Witch | #5B984F | 91, 152, 79 | 110°, 32%, 45% | 40, 0, 48, 40 | 62.0% 0.123 140 | |
| Martian Cerulean | #57958B | 87, 149, 139 | 170°, 26%, 46% | 42, 0, 7, 42 | 62.5% 0.066 183 | |
| Primitive Plum | #663C55 | 102, 60, 85 | 324°, 26%, 32% | 0, 41, 17, 60 | 41.5% 0.069 344 | |
| Chatty Cricket | #89B386 | 137, 179, 134 | 116°, 23%, 61% | 23, 0, 25, 30 | 72.4% 0.078 143 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #663C55 on #89B386 | 3.78:1 | AA large |
| Aa #57958B on #663C55 | 2.59:1 | — |
| Aa #5B984F on #663C55 | 2.58:1 | — |
| Aa #806B77 on #89B386 | 2.07:1 | — |
| Aa #806B77 on #663C55 | 1.83:1 | — |
| Aa #5B984F on #89B386 | 1.46:1 | — |
CSS variables
:root {
--color-1: #806b77; /* Moonscape */
--color-2: #5b984f; /* Wicked Witch */
--color-3: #57958b; /* Martian Cerulean */
--color-4: #663c55; /* Primitive Plum */
--color-5: #89b386; /* Chatty Cricket */
}Other schemes from Moonscape
- Moonscape Complementary Color Scheme#806B77#BB8DA8#5A9274#38614C#8EBAA6
- Moonscape Analogous Color Scheme#6F5698#94568C#806B77#945759#927257
- Moonscape Triadic Color Scheme#806B77#78945A#597695#BA93AF#55643B
- Moonscape Tetradic Color Scheme#806B77#948F54#5A9274#575B93#BA93AF
- Moonscape Monochromatic Color Scheme#2A272C#574B50#806B77#A5969C#C7BEC4
More medium gray split-complementary color schemes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Acoustic Brown Split-complementary Color Scheme#766B69#588A79#5A6A8C#5B3D34#7DB39E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
Questions
What colors go with Moonscape?
In a split-complementary scheme: Wicked Witch (#5B984F), Martian Cerulean (#57958B), Primitive Plum (#663C55), Chatty Cricket (#89B386).
What is the hex code of Moonscape?
#806B77.