Mountain View Complementary Color Scheme
Five colors arranged by the complementary rule around Mountain View (#394C3B), each snapped to its nearest named color.
#394C3B
#4D8C57
#51304E
#221122
#94568C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mountain View | #394C3B | 57, 76, 59 | 126°, 14%, 26% | 25, 0, 22, 70 | |
| Middle Green | #4D8C57 | 77, 140, 87 | 130°, 29%, 43% | 45, 0, 38, 45 | |
| Plum Skin | #51304E | 81, 48, 78 | 305°, 26%, 25% | 0, 41, 4, 68 | |
| Inside | #221122 | 34, 17, 34 | 300°, 33%, 10% | 0, 50, 0, 87 | |
| Àn Zǐ Purple | #94568C | 148, 86, 140 | 308°, 26%, 46% | 0, 42, 5, 42 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4D8C57 on #221122 | 4.44:1 | AA large |
| Aa #221122 on #94568C | 3.39:1 | AA large |
| Aa #4D8C57 on #51304E | 2.76:1 | — |
| Aa #394C3B on #4D8C57 | 2.29:1 | — |
| Aa #51304E on #94568C | 2.11:1 | — |
| Aa #394C3B on #221122 | 1.94:1 | — |
CSS variables
:root {
--color-1: #394c3b; /* Mountain View */
--color-2: #4d8c57; /* Middle Green */
--color-3: #51304e; /* Plum Skin */
--color-4: #221122; /* Inside */
--color-5: #94568c; /* Àn Zǐ Purple */
}Other schemes from Mountain View
- Mountain View Analogous Color Scheme#515131#3B593A#394C3B#305144#374F54
- Mountain View Triadic Color Scheme#394C3B#363151#553333#4F9153#161820
- Mountain View Split-complementary Color Scheme#394C3B#423450#513439#172713#705284
- Mountain View Tetradic Color Scheme#394C3B#343E54#51304E#534931#4F9153
- Mountain View Monochromatic Color Scheme#0F0F0F#1E231C#394C3B#5D7759#7B9F82
More Dark Green complementary palettes
- Always Greener Grass Complementary Color Scheme#11AA00#21FC0D#9900AA#550055#FF11FF
- Amazon Complementary Color Scheme#387B54#59B587#753A58#442238#B7629B
- Asian Spice Complementary Color Scheme#118822#13DA25#881177#4C022F#FF1DCD
- Asparagus Sultan Complementary Color Scheme#6A8E22#9CD03B#442288#221155#7249D6
- Autumn Crocodile Complementary Color Scheme#447744#72A86A#784674#462343#AF73B0
- Avocado Complementary Color Scheme#568203#89DD01#380282#160435#5D06E9
- Bejewelled Complementary Color Scheme#25A26F#5CCD97#A22452#6F123C#CC5588
- Bergamot Complementary Color Scheme#95C703#C9FF27#3300CC#220077#6A2DED
- Beyond the Pines Complementary Color Scheme#688049#99AF73#644982#3C2F4E#967BB6
- Bimi Green Complementary Color Scheme#54682B#8CA94A#3E3267#1C0F33#654EA3
- Bold Irish Complementary Color Scheme#2A814D#41C379#872657#43182F#C44D97
- Botanical Complementary Color Scheme#4D6E2F#78AE48#522A6F#2E183B#8547B5
Questions
What colors go with Mountain View?
In a complementary scheme: Middle Green (#4D8C57), Plum Skin (#51304E), Inside (#221122), Àn Zǐ Purple (#94568C).
What is the hex code of Mountain View?
#394C3B.