Urban Chic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Urban Chic (#424C4A), each snapped to its nearest named color.
#424C4A
#59354A
#594035
#162825
#885577
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Urban Chic | #424C4A | 66, 76, 74 | 168°, 7%, 28% | 13, 0, 3, 70 | |
| Italian Plum | #59354A | 89, 53, 74 | 325°, 25%, 28% | 0, 40, 17, 65 | |
| Cordwood | #594035 | 89, 64, 53 | 18°, 25%, 28% | 0, 28, 40, 65 | |
| Swamp Thing | #162825 | 22, 40, 37 | 170°, 29%, 12% | 45, 0, 7, 84 | |
| Plum Highness | #885577 | 136, 85, 119 | 320°, 23%, 43% | 0, 38, 12, 47 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #162825 on #885577 | 2.65:1 | — |
| Aa #59354A on #885577 | 1.78:1 | — |
| Aa #424C4A on #162825 | 1.73:1 | — |
| Aa #594035 on #885577 | 1.64:1 | — |
| Aa #594035 on #162825 | 1.62:1 | — |
| Aa #424C4A on #885577 | 1.53:1 | — |
CSS variables
:root {
--color-1: #424c4a; /* Urban Chic */
--color-2: #59354a; /* Italian Plum */
--color-3: #594035; /* Cordwood */
--color-4: #162825; /* Swamp Thing */
--color-5: #885577; /* Plum Highness */
}Other schemes from Urban Chic
- Urban Chic Complementary Color Scheme#424C4A#589489#5C3839#251B19#915F66
- Urban Chic Analogous Color Scheme#3B593A#395643#424C4A#354F58#343F5C
- Urban Chic Triadic Color Scheme#424C4A#4F3357#5C5337#5E9B8A#201B20
- Urban Chic Tetradic Color Scheme#424C4A#473854#5C3839#505838#5E9B8A
- Urban Chic Monochromatic Color Scheme#0F0F0F#1A2421#424C4A#68766E#8A9B98
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 Urban Chic?
In a split-complementary scheme: Italian Plum (#59354A), Cordwood (#594035), Swamp Thing (#162825), Plum Highness (#885577).
What is the hex code of Urban Chic?
#424C4A.