Cityscape Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cityscape (#DAE3E7), each snapped to its nearest named color.
#DAE3E7
#E9D9DC
#E8E5D8
#A9C0CB
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cityscape | #DAE3E7 | 218, 227, 231 | 198°, 21%, 88% | 6, 2, 0, 9 | 91.0% 0.011 226 | |
| Angelic Choir | #E9D9DC | 233, 217, 220 | 349°, 27%, 88% | 0, 7, 6, 9 | 89.9% 0.018 5 | |
| Brilliant Yellow | #E8E5D8 | 232, 229, 216 | 49°, 26%, 88% | 0, 1, 7, 9 | 92.1% 0.018 96 | |
| Winter Sky | #A9C0CB | 169, 192, 203 | 199°, 25%, 73% | 17, 5, 0, 20 | 79.4% 0.030 228 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 | 95.9% 0.006 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A9C0CB on #F5F0F1 | 1.68:1 | — |
| Aa #E8E5D8 on #A9C0CB | 1.50:1 | — |
| Aa #DAE3E7 on #A9C0CB | 1.45:1 | — |
| Aa #E9D9DC on #A9C0CB | 1.39:1 | — |
| Aa #E9D9DC on #F5F0F1 | 1.21:1 | — |
| Aa #DAE3E7 on #F5F0F1 | 1.15:1 | — |
CSS variables
:root {
--color-1: #dae3e7; /* Cityscape */
--color-2: #e9d9dc; /* Angelic Choir */
--color-3: #e8e5d8; /* Brilliant Yellow */
--color-4: #a9c0cb; /* Winter Sky */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Cityscape
- Cityscape Complementary Color Scheme#DAE3E7#EEF2F3#E8DEDA#CFB4A8#F5F0F1
- Cityscape Analogous Color Scheme#DBE8DF#D9E9E5#DAE3E7#D9DDE7#DDD6E7
- Cityscape Triadic Color Scheme#DAE3E7#E6D9E2#E3E8D9#EEF2F3#CCACC1
- Cityscape Tetradic Color Scheme#DAE3E7#E3DAE9#E8DEDA#DEEAD8#EEF2F3
- Cityscape Monochromatic Color Scheme#7B9DAD#ABC2C7#DAE3E7#F2F3F4#F2F3F4
More very light blue split-complementary color schemes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Cityscape?
In a split-complementary scheme: Angelic Choir (#E9D9DC), Brilliant Yellow (#E8E5D8), Winter Sky (#A9C0CB), Plastic Clouds (#F5F0F1).
What is the hex code of Cityscape?
#DAE3E7.