Moon Rock Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Moon Rock (#897D76), each snapped to its nearest named color.
#897D76
#649C97
#666699
#715243
#94B9B4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Moon Rock | #897D76 | 137, 125, 118 | 22°, 7%, 50% | 0, 9, 14, 46 | |
| Canton | #649C97 | 100, 156, 151 | 175°, 22%, 50% | 36, 0, 3, 39 | |
| Dark Horizon | #666699 | 102, 102, 153 | 240°, 20%, 50% | 33, 33, 0, 40 | |
| Brevity Brown | #715243 | 113, 82, 67 | 20°, 26%, 35% | 0, 27, 41, 56 | |
| Teal Tree | #94B9B4 | 148, 185, 180 | 172°, 21%, 65% | 20, 0, 3, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #715243 on #94B9B4 | 3.30:1 | AA large |
| Aa #666699 on #94B9B4 | 2.51:1 | — |
| Aa #649C97 on #715243 | 2.26:1 | — |
| Aa #897D76 on #94B9B4 | 1.87:1 | — |
| Aa #897D76 on #715243 | 1.76:1 | — |
| Aa #649C97 on #666699 | 1.72:1 | — |
CSS variables
:root {
--color-1: #897d76; /* Moon Rock */
--color-2: #649c97; /* Canton */
--color-3: #666699; /* Dark Horizon */
--color-4: #715243; /* Brevity Brown */
--color-5: #94b9b4; /* Teal Tree */
}Other schemes from Moon Rock
- Moon Rock Complementary Color Scheme#897D76#C3A998#65869B#435A6F#9FB6C6
- Moon Rock Analogous Color Scheme#9B6287#966165#897D76#9C9463#869C65
- Moon Rock Triadic Color Scheme#897D76#669C7D#79669D#C6AC9F#477050
- Moon Rock Tetradic Color Scheme#897D76#689663#65869B#8F629A#C6AC9F
- Moon Rock Monochromatic Color Scheme#353331#615753#897D76#ACA69F#D0CCC9
More Medium Gray split-complementary palettes
- 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 Moon Rock?
In a split-complementary scheme: Canton (#649C97), Dark Horizon (#666699), Brevity Brown (#715243), Teal Tree (#94B9B4).
What is the hex code of Moon Rock?
#897D76.