Mountain View Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mountain View (#394C3B), each snapped to its nearest named color.
#394C3B
#423450
#513439
#172713
#705284
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mountain View | #394C3B | 57, 76, 59 | 126°, 14%, 26% | 25, 0, 22, 70 | |
| Devil’s Plum | #423450 | 66, 52, 80 | 270°, 21%, 26% | 18, 35, 0, 69 | |
| Nectar of the Gods | #513439 | 81, 52, 57 | 350°, 22%, 26% | 0, 36, 30, 68 | |
| Deep Slate Olive | #172713 | 23, 39, 19 | 108°, 34%, 11% | 41, 0, 51, 85 | |
| Gutsy Grape | #705284 | 112, 82, 132 | 276°, 23%, 42% | 15, 38, 0, 48 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #172713 on #705284 | 2.42:1 | — |
| Aa #423450 on #705284 | 1.76:1 | — |
| Aa #394C3B on #172713 | 1.70:1 | — |
| Aa #513439 on #705284 | 1.70:1 | — |
| Aa #513439 on #172713 | 1.42:1 | — |
| Aa #394C3B on #705284 | 1.42:1 | — |
CSS variables
:root {
--color-1: #394c3b; /* Mountain View */
--color-2: #423450; /* Devil’s Plum */
--color-3: #513439; /* Nectar of the Gods */
--color-4: #172713; /* Deep Slate Olive */
--color-5: #705284; /* Gutsy Grape */
}Other schemes from Mountain View
- Mountain View Complementary Color Scheme#394C3B#4D8C57#51304E#221122#94568C
- Mountain View Analogous Color Scheme#515131#3B593A#394C3B#305144#374F54
- Mountain View Triadic Color Scheme#394C3B#363151#553333#4F9153#161820
- Mountain View Tetradic Color Scheme#394C3B#343E54#51304E#534931#4F9153
- Mountain View Monochromatic Color Scheme#0F0F0F#1E231C#394C3B#5D7759#7B9F82
More Dark Green split-complementary palettes
- Always Greener Grass Split-complementary Color Scheme#11AA00#5500AA#AA0066#005800#6600FF
- Amazon Split-complementary Color Scheme#387B54#6C3877#7C383D#224634#AA55AA
- Asian Spice Split-complementary Color Scheme#118822#5A1991#820E3B#06470C#9B1DCD
- Asparagus Sultan Split-complementary Color Scheme#6A8E22#253A91#772299#35530A#214FC6
- Autumn Crocodile Split-complementary Color Scheme#447744#5B4276#75495E#264334#9264A2
- Avocado Split-complementary Color Scheme#568203#001188#660088#223300#0022CC
- Bejewelled Split-complementary Color Scheme#25A26F#BB2299#A43323#136843#DF4EC8
- Bergamot Split-complementary Color Scheme#95C703#0033CC#9F00C5#447700#1155FF
- Beyond the Pines Split-complementary Color Scheme#688049#484A80#754A80#434C28#6C70A9
- Bimi Green Split-complementary Color Scheme#54682B#2C3A64#5B3167#223311#445599
- Bold Irish Split-complementary Color Scheme#2A814D#733380#842833#17462E#B13AAD
- Botanical Split-complementary Color Scheme#4D6E2F#292D74#69326E#223311#4A40AD
Questions
What colors go with Mountain View?
In a split-complementary scheme: Devil’s Plum (#423450), Nectar of the Gods (#513439), Deep Slate Olive (#172713), Gutsy Grape (#705284).
What is the hex code of Mountain View?
#394C3B.