Moon Landing Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Moon Landing (#A7A7A7), each snapped to its nearest named color.
#A7A7A7
#8EBAA6
#91A7BC
#A06165
#C3D9CE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Moon Landing | #A7A7A7 | 167, 167, 167 | 0°, 0%, 65% | 0, 0, 0, 35 | |
| Lichen | #8EBAA6 | 142, 186, 166 | 153°, 24%, 64% | 24, 0, 11, 27 | |
| Paris | #91A7BC | 145, 167, 188 | 209°, 24%, 65% | 23, 11, 0, 26 | |
| Pizza Pie | #A06165 | 160, 97, 101 | 356°, 25%, 50% | 0, 39, 37, 37 | |
| Fuchsite | #C3D9CE | 195, 217, 206 | 150°, 22%, 81% | 10, 0, 5, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A06165 on #C3D9CE | 3.22:1 | AA large |
| Aa #8EBAA6 on #A06165 | 2.21:1 | — |
| Aa #A7A7A7 on #A06165 | 1.99:1 | — |
| Aa #91A7BC on #A06165 | 1.93:1 | — |
| Aa #91A7BC on #C3D9CE | 1.67:1 | — |
| Aa #A7A7A7 on #C3D9CE | 1.62:1 | — |
CSS variables
:root {
--color-1: #a7a7a7; /* Moon Landing */
--color-2: #8ebaa6; /* Lichen */
--color-3: #91a7bc; /* Paris */
--color-4: #a06165; /* Pizza Pie */
--color-5: #c3d9ce; /* Fuchsite */
}Other schemes from Moon Landing
- Moon Landing Complementary Color Scheme#A7A7A7#DDCCCC#90BDBD#60A0A3#D2E3E3
- Moon Landing Analogous Color Scheme#BF90BB#BB8DA8#A7A7A7#BCA792#BDB98F
- Moon Landing Triadic Color Scheme#A7A7A7#8FBC8F#9291BC#E3D2CF#73A263
- Moon Landing Tetradic Color Scheme#A7A7A7#A5BE8F#90BDBD#A291BA#E3D2CF
- Moon Landing Monochromatic Color Scheme#5B5C5A#818181#A7A7A7#CDCDCD#F3F3F2
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 Moon Landing?
In a split-complementary scheme: Lichen (#8EBAA6), Paris (#91A7BC), Pizza Pie (#A06165), Fuchsite (#C3D9CE).
What is the hex code of Moon Landing?
#A7A7A7.