City Dweller Complementary Color Scheme
Five colors arranged by the complementary rule around City Dweller (#C0B9AC), each snapped to its nearest named color.
#C0B9AC
#EAE6DC
#A5B2C7
#7886AA
#E2E6EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| City Dweller | #C0B9AC | 192, 185, 172 | 39°, 14%, 71% | 0, 4, 10, 25 | |
| Elk Skin | #EAE6DC | 234, 230, 220 | 43°, 25%, 89% | 0, 2, 6, 8 | |
| Silk Sox | #A5B2C7 | 165, 178, 199 | 217°, 23%, 71% | 17, 11, 0, 22 | |
| Enchanting Sky | #7886AA | 120, 134, 170 | 223°, 23%, 57% | 29, 21, 0, 33 | |
| Ghostly Tuna | #E2E6EF | 226, 230, 239 | 222°, 29%, 91% | 5, 4, 0, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EAE6DC on #7886AA | 2.91:1 | — |
| Aa #7886AA on #E2E6EF | 2.90:1 | — |
| Aa #C0B9AC on #7886AA | 1.86:1 | — |
| Aa #EAE6DC on #A5B2C7 | 1.72:1 | — |
| Aa #A5B2C7 on #E2E6EF | 1.72:1 | — |
| Aa #A5B2C7 on #7886AA | 1.69:1 | — |
CSS variables
:root {
--color-1: #c0b9ac; /* City Dweller */
--color-2: #eae6dc; /* Elk Skin */
--color-3: #a5b2c7; /* Silk Sox */
--color-4: #7886aa; /* Enchanting Sky */
--color-5: #e2e6ef; /* Ghostly Tuna */
}Other schemes from City Dweller
- City Dweller Analogous Color Scheme#C4A1AF#C8ABA7#C0B9AC#C4C7A5#B5C7A4
- City Dweller Triadic Color Scheme#C0B9AC#A0C4BE#B8A4C8#EEEBE4#71AF98
- City Dweller Split-complementary Color Scheme#C0B9AC#A6C4CA#ADA7C8#AB9975#D5E2E5
- City Dweller Tetradic Color Scheme#C0B9AC#A1C4A8#A5B2C7#C5A5C7#EEEBE4
- City Dweller Monochromatic Color Scheme#7A705B#9C9481#C0B9AC#E1DED7#F3F3F2
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with City Dweller?
In a complementary scheme: Elk Skin (#EAE6DC), Silk Sox (#A5B2C7), Enchanting Sky (#7886AA), Ghostly Tuna (#E2E6EF).
What is the hex code of City Dweller?
#C0B9AC.