Crystal Palace Complementary Color Scheme
Five colors arranged by the complementary rule around Crystal Palace (#D3CFAB), each snapped to its nearest named color.
#D3CFAB
#F3F1E6
#AAB0D4
#797EB5
#EBF1F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Crystal Palace | #D3CFAB | 211, 207, 171 | 54°, 31%, 75% | 0, 2, 19, 17 | |
| Angel’s Feather | #F3F1E6 | 243, 241, 230 | 51°, 35%, 93% | 0, 1, 5, 5 | |
| Lavender Wash | #AAB0D4 | 170, 176, 212 | 231°, 33%, 75% | 20, 17, 0, 17 | |
| Astro Zinger | #797EB5 | 121, 126, 181 | 235°, 29%, 59% | 33, 30, 0, 29 | |
| Powder White | #EBF1F5 | 235, 241, 245 | 204°, 33%, 94% | 4, 2, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F3F1E6 on #797EB5 | 3.39:1 | AA large |
| Aa #797EB5 on #EBF1F5 | 3.37:1 | AA large |
| Aa #D3CFAB on #797EB5 | 2.43:1 | — |
| Aa #F3F1E6 on #AAB0D4 | 1.88:1 | — |
| Aa #AAB0D4 on #EBF1F5 | 1.87:1 | — |
| Aa #AAB0D4 on #797EB5 | 1.81:1 | — |
CSS variables
:root {
--color-1: #d3cfab; /* Crystal Palace */
--color-2: #f3f1e6; /* Angel’s Feather */
--color-3: #aab0d4; /* Lavender Wash */
--color-4: #797eb5; /* Astro Zinger */
--color-5: #ebf1f5; /* Powder White */
}Other schemes from Crystal Palace
- Crystal Palace Analogous Color Scheme#D4ACAD#D3BDAC#D3CFAB#C6D4AC#ACCFA9
- Crystal Palace Triadic Color Scheme#D3CFAB#AAD4D1#D0ADD3#F7F5ED#75B9AE
- Crystal Palace Split-complementary Color Scheme#D3CFAB#AAC4D4#BEAECF#B7B17A#DDE8ED
- Crystal Palace Tetradic Color Scheme#D3CFAB#ACD0BB#AAB0D4#D4A9C3#F7F5ED
- Crystal Palace Monochromatic Color Scheme#948F54#B7B17A#D3CFAB#ECECDC#F7F5ED
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Crystal Palace?
In a complementary scheme: Angel’s Feather (#F3F1E6), Lavender Wash (#AAB0D4), Astro Zinger (#797EB5), Powder White (#EBF1F5).
What is the hex code of Crystal Palace?
#D3CFAB.