Metropolis Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Metropolis (#61584F), each snapped to its nearest named color.
#61584F
#456F6E
#42426F
#3C3024
#5F9B9C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Metropolis | #61584F | 97, 88, 79 | 30°, 10%, 35% | 0, 9, 19, 62 | |
| Farrago | #456F6E | 69, 111, 110 | 179°, 23%, 35% | 38, 0, 1, 56 | |
| Overcast Night | #42426F | 66, 66, 111 | 240°, 25%, 35% | 41, 41, 0, 56 | |
| Cola Bubble | #3C3024 | 60, 48, 36 | 30°, 25%, 19% | 0, 20, 40, 76 | |
| Jugendstil Turquoise | #5F9B9C | 95, 155, 156 | 181°, 24%, 49% | 39, 1, 0, 39 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3C3024 on #5F9B9C | 4.06:1 | AA large |
| Aa #42426F on #5F9B9C | 2.97:1 | — |
| Aa #456F6E on #3C3024 | 2.29:1 | — |
| Aa #61584F on #5F9B9C | 2.21:1 | — |
| Aa #61584F on #3C3024 | 1.84:1 | — |
| Aa #456F6E on #5F9B9C | 1.77:1 | — |
CSS variables
:root {
--color-1: #61584f; /* Metropolis */
--color-2: #456f6e; /* Farrago */
--color-3: #42426f; /* Overcast Night */
--color-4: #3c3024; /* Cola Bubble */
--color-5: #5f9b9c; /* Jugendstil Turquoise */
}Other schemes from Metropolis
- Metropolis Complementary Color Scheme#61584F#A3876A#435A6F#24313D#6B8CA9
- Metropolis Analogous Color Scheme#6C445B#704241#61584F#6D6F42#5A6E41
- Metropolis Triadic Color Scheme#61584F#416858#57446A#A68B6D#2B3F36
- Metropolis Tetradic Color Scheme#61584F#476E42#435A6F#724770#A68B6D
- Metropolis Monochromatic Color Scheme#0F0F0F#35312C#61584F#8A7D72#ACA49A
More Dark Gray split-complementary palettes
- 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 Metropolis?
In a split-complementary scheme: Farrago (#456F6E), Overcast Night (#42426F), Cola Bubble (#3C3024), Jugendstil Turquoise (#5F9B9C).
What is the hex code of Metropolis?
#61584F.