Lunar Base Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lunar Base (#878786), each snapped to its nearest named color.
#878786
#6586A5
#876FA3
#777648
#96AEC5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Lunar Base | #878786 | 135, 135, 134 | 60°, 0%, 53% | 0, 0, 1, 47 | 62.3% 0.001 106 | |
| Moody Indigo | #6586A5 | 101, 134, 165 | 209°, 26%, 52% | 39, 19, 0, 35 | 60.7% 0.060 247 | |
| Babiana | #876FA3 | 135, 111, 163 | 268°, 22%, 54% | 17, 32, 0, 36 | 58.4% 0.082 305 | |
| Gunmetal Green | #777648 | 119, 118, 72 | 59°, 25%, 37% | 0, 1, 39, 53 | 55.5% 0.065 107 | |
| Nordland Light Blue | #96AEC5 | 150, 174, 197 | 209°, 29%, 68% | 24, 12, 0, 23 | 74.0% 0.043 247 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #777648 on #96AEC5 | 2.05:1 | — |
| Aa #876FA3 on #96AEC5 | 1.89:1 | — |
| Aa #6586A5 on #96AEC5 | 1.66:1 | — |
| Aa #878786 on #96AEC5 | 1.57:1 | — |
| Aa #878786 on #777648 | 1.31:1 | — |
| Aa #6586A5 on #777648 | 1.23:1 | — |
CSS variables
:root {
--color-1: #878786; /* Lunar Base */
--color-2: #6586a5; /* Moody Indigo */
--color-3: #876fa3; /* Babiana */
--color-4: #777648; /* Gunmetal Green */
--color-5: #96aec5; /* Nordland Light Blue */
}Other schemes from Lunar Base
- Lunar Base Complementary Color Scheme#878786#C7C7A1#6D69A1#4C4976#ACA7CB
- Lunar Base Analogous Color Scheme#A26766#A3876A#878786#8CA468#72A86A
- Lunar Base Triadic Color Scheme#878786#6BA5A9#A767A2#CCCAA8#487678
- Lunar Base Tetradic Color Scheme#878786#67A181#6D69A1#AA6988#CCCAA8
- Lunar Base Monochromatic Color Scheme#3B3A3A#606061#878786#ADADAD#D3D3D3
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 Lunar Base?
In a split-complementary scheme: Moody Indigo (#6586A5), Babiana (#876FA3), Gunmetal Green (#777648), Nordland Light Blue (#96AEC5).
What is the hex code of Lunar Base?
#878786.