Matterhorn Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Matterhorn (#524B4B), each snapped to its nearest named color.
#524B4B
#3E644F
#394D60
#351E1C
#5A9274
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Matterhorn | #524B4B | 82, 75, 75 | 0°, 4%, 31% | 0, 9, 9, 68 | 42.0% 0.009 18 | |
| Serbian Green | #3E644F | 62, 100, 79 | 147°, 23%, 32% | 38, 0, 21, 61 | 46.8% 0.055 159 | |
| Blue Hue | #394D60 | 57, 77, 96 | 209°, 25%, 30% | 41, 20, 0, 62 | 41.1% 0.041 248 | |
| Black Kite | #351E1C | 53, 30, 28 | 5°, 31%, 16% | 0, 43, 47, 79 | 26.5% 0.037 25 | |
| Deep Grass Green | #5A9274 | 90, 146, 116 | 148°, 24%, 46% | 38, 0, 21, 43 | 61.2% 0.075 160 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #351E1C on #5A9274 | 4.28:1 | AA large |
| Aa #394D60 on #5A9274 | 2.41:1 | — |
| Aa #524B4B on #5A9274 | 2.35:1 | — |
| Aa #3E644F on #351E1C | 2.32:1 | — |
| Aa #3E644F on #5A9274 | 1.85:1 | — |
| Aa #524B4B on #351E1C | 1.82:1 | — |
CSS variables
:root {
--color-1: #524b4b; /* Matterhorn */
--color-2: #3e644f; /* Serbian Green */
--color-3: #394d60; /* Blue Hue */
--color-4: #351e1c; /* Black Kite */
--color-5: #5a9274; /* Deep Grass Green */
}Other schemes from Matterhorn
- Matterhorn Complementary Color Scheme#524B4B#9B5B55#3A6364#193232#60A0A3
- Matterhorn Analogous Color Scheme#653B66#60394D#524B4B#604C3D#62603E
- Matterhorn Triadic Color Scheme#524B4B#3C663E#3D3D63#A06165#1B2B1B
- Matterhorn Tetradic Color Scheme#524B4B#4E6539#3A6364#4A3C62#A06165
- Matterhorn Monochromatic Color Scheme#0F0F0F#2A2725#524B4B#7A6E70#9C9895
More dark gray split-complementary color schemes
- After Dark Split-complementary Color Scheme#3C3535#2D4436#293947#14100E#4C785C
- After Midnight Split-complementary Color Scheme#38393F#4A352B#434C28#0C121B#775C47
- All Nighter Split-complementary Color Scheme#455454#60394D#604938#193232#8F5973
- Ancient Pine Split-complementary Color Scheme#444B43#473854#59354A#1B2B1B#6A5287
- Armadillo Split-complementary Color Scheme#484A46#33365B#5A395B#21211D#4E518B
- Arsenic Split-complementary Color Scheme#3B444B#553333#515131#181B26#864C52
- Artist’s Charcoal Split-complementary Color Scheme#37393E#4A352B#434C28#0C121B#7B5349
- Bark Split-complementary Color Scheme#5F5854#456F6E#43456D#433120#67A195
- Black Forest Split-complementary Color Scheme#5E6354#445172#674876#37412A#696BA0
- Black Magic Split-complementary Color Scheme#4F4554#576238#336644#2E183B#898E58
- Black Olive Split-complementary Color Scheme#3B3C36#2B3448#382B46#16160E#475877
- Black Orchid Split-complementary Color Scheme#525463#705446#636F46#2A2B41#A17D61
Questions
What colors go with Matterhorn?
In a split-complementary scheme: Serbian Green (#3E644F), Blue Hue (#394D60), Black Kite (#351E1C), Deep Grass Green (#5A9274).
What is the hex code of Matterhorn?
#524B4B.