Monument Valley Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Monument Valley (#AD5C34), each snapped to its nearest named color.
#AD5C34
#3BB08F
#324AB2
#6D3B24
#5FD1BA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Monument Valley | #AD5C34 | 173, 92, 52 | 20°, 54%, 44% | 0, 47, 70, 32 | 56.3% 0.119 46 | |
| Walk in the Woods | #3BB08F | 59, 176, 143 | 163°, 50%, 46% | 66, 0, 19, 31 | 68.3% 0.115 170 | |
| Night in Manchester | #324AB2 | 50, 74, 178 | 229°, 56%, 45% | 72, 58, 0, 30 | 45.5% 0.167 269 | |
| New Amber | #6D3B24 | 109, 59, 36 | 19°, 50%, 28% | 0, 46, 67, 57 | 41.0% 0.079 45 | |
| Sweet Garden | #5FD1BA | 95, 209, 186 | 168°, 55%, 60% | 55, 0, 11, 18 | 78.8% 0.110 178 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6D3B24 on #5FD1BA | 4.92:1 | AA |
| Aa #324AB2 on #5FD1BA | 4.10:1 | AA large |
| Aa #3BB08F on #6D3B24 | 3.39:1 | AA large |
| Aa #3BB08F on #324AB2 | 2.83:1 | — |
| Aa #AD5C34 on #5FD1BA | 2.60:1 | — |
| Aa #AD5C34 on #6D3B24 | 1.89:1 | — |
CSS variables
:root {
--color-1: #ad5c34; /* Monument Valley */
--color-2: #3bb08f; /* Walk in the Woods */
--color-3: #324ab2; /* Night in Manchester */
--color-4: #6d3b24; /* New Amber */
--color-5: #5fd1ba; /* Sweet Garden */
}Other schemes from Monument Valley
- Monument Valley Complementary Color Scheme#AD5C34#CF8D6C#2E85B1#20576E#71B5D1
- Monument Valley Analogous Color Scheme#A53783#AA3646#AD5C34#AA9933#86AF38
- Monument Valley Triadic Color Scheme#AD5C34#36B14E#5930A9#D19275#206937
- Monument Valley Tetradic Color Scheme#AD5C34#44AA33#2E85B1#8833AA#D19275
- Monument Valley Monochromatic Color Scheme#361D0A#6D3B24#AD5C34#CF875F#E4B197
More medium orange split-complementary color schemes
- 24 Carrot Split-complementary Color Scheme#E56E24#25E2CD#273BE2#AD4E1A#6FE7DB
- À l’Orange Split-complementary Color Scheme#F2850D#11EEEE#150AEC#A75E09#56F7F3
- Acorn Split-complementary Color Scheme#7F5E50#43817A#4E5481#533B32#74A69B
- Amaretto Sour Split-complementary Color Scheme#C09856#56B3C3#6258C4#976F3C#8ECED8
- Amber Split-complementary Color Scheme#FFBF00#00BFFF#3F00FF#BB8800#4CD5FF
- Apocalyptic Orange Split-complementary Color Scheme#F4711E#08E8DE#152EFF#BB5511#66EEEE
- Arancio Split-complementary Color Scheme#FF7013#11FFEE#152EFF#C65102#65FFFF
- Argan Oil Split-complementary Color Scheme#9D6646#4A9C95#445599#6A432D#71BAB4
- Arrakis Spice Split-complementary Color Scheme#BB8246#43BCBE#4A40AD#825E2F#7FD3D3
- Arrowwood Split-complementary Color Scheme#B3861E#1E98AE#3A18B1#775511#34B5D5
- Atomic Orange Split-complementary Color Scheme#F88605#01F1F1#0C06F7#B25F03#53F6FF
- Autumnal Split-complementary Color Scheme#AD5928#25AE8E#2138AB#72371C#48D1CC
Questions
What colors go with Monument Valley?
In a split-complementary scheme: Walk in the Woods (#3BB08F), Night in Manchester (#324AB2), New Amber (#6D3B24), Sweet Garden (#5FD1BA).
What is the hex code of Monument Valley?
#AD5C34.