Skyscraper Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Skyscraper (#D3DBE2), each snapped to its nearest named color.
#D3DBE2
#E4CFD3
#E3E4D2
#A5B4C6
#F4EFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Skyscraper | #D3DBE2 | 211, 219, 226 | 208°, 21%, 86% | 7, 3, 0, 11 | |
| Delicate Pink | #E4CFD3 | 228, 207, 211 | 349°, 28%, 85% | 0, 9, 7, 11 | |
| Yoga Daze | #E3E4D2 | 227, 228, 210 | 63°, 25%, 86% | 0, 0, 8, 11 | |
| Posey Blue | #A5B4C6 | 165, 180, 198 | 213°, 22%, 71% | 17, 9, 0, 22 | |
| Angelic Wings | #F4EFEE | 244, 239, 238 | 10°, 21%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A5B4C6 on #F4EFEE | 1.85:1 | — |
| Aa #E3E4D2 on #A5B4C6 | 1.64:1 | — |
| Aa #D3DBE2 on #A5B4C6 | 1.51:1 | — |
| Aa #E4CFD3 on #A5B4C6 | 1.42:1 | — |
| Aa #E4CFD3 on #F4EFEE | 1.30:1 | — |
| Aa #D3DBE2 on #F4EFEE | 1.23:1 | — |
CSS variables
:root {
--color-1: #d3dbe2; /* Skyscraper */
--color-2: #e4cfd3; /* Delicate Pink */
--color-3: #e3e4d2; /* Yoga Daze */
--color-4: #a5b4c6; /* Posey Blue */
--color-5: #f4efee; /* Angelic Wings */
}Other schemes from Skyscraper
- Skyscraper Complementary Color Scheme#D3DBE2#EEF2F3#E2DAD1#CAB3A0#F6F2F1
- Skyscraper Analogous Color Scheme#D3E5DB#D2E3E3#D3DBE2#D0D2E3#DBD1E2
- Skyscraper Triadic Color Scheme#D3DBE2#E3D2DB#DBE4D1#EEF2F3#C8A3B8
- Skyscraper Tetradic Color Scheme#D3DBE2#E4D4E2#E2DAD1#D5E3D0#EEF2F3
- Skyscraper Monochromatic Color Scheme#758DA3#A6B4C5#D3DBE2#F2F2F4#F2F2F4
More Very Light Blue split-complementary palettes
- 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 Skyscraper?
In a split-complementary scheme: Delicate Pink (#E4CFD3), Yoga Daze (#E3E4D2), Posey Blue (#A5B4C6), Angelic Wings (#F4EFEE).
What is the hex code of Skyscraper?
#D3DBE2.