Zombie Complementary Color Scheme
Five colors arranged by the complementary rule around Zombie (#DADEAD), each snapped to its nearest named color.
#DADEAD
#F6F7ED
#B6ADD8
#7777CC
#EBECF5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Zombie | #DADEAD | 218, 222, 173 | 65°, 43%, 77% | 2, 0, 22, 13 | |
| Praxeti White | #F6F7ED | 246, 247, 237 | 66°, 38%, 95% | 0, 0, 4, 3 | |
| Purple Hibiscus | #B6ADD8 | 182, 173, 216 | 253°, 36%, 76% | 16, 20, 0, 15 | |
| Kickstart Purple | #7777CC | 119, 119, 204 | 240°, 45%, 63% | 42, 42, 0, 20 | |
| Silver Phoenix | #EBECF5 | 235, 236, 245 | 234°, 33%, 94% | 4, 4, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6F7ED on #7777CC | 3.67:1 | AA large |
| Aa #7777CC on #EBECF5 | 3.37:1 | AA large |
| Aa #DADEAD on #7777CC | 2.84:1 | — |
| Aa #F6F7ED on #B6ADD8 | 1.95:1 | — |
| Aa #B6ADD8 on #7777CC | 1.88:1 | — |
| Aa #B6ADD8 on #EBECF5 | 1.79:1 | — |
CSS variables
:root {
--color-1: #dadead; /* Zombie */
--color-2: #f6f7ed; /* Praxeti White */
--color-3: #b6add8; /* Purple Hibiscus */
--color-4: #7777cc; /* Kickstart Purple */
--color-5: #ebecf5; /* Silver Phoenix */
}Other schemes from Zombie
- Zombie Analogous Color Scheme#DDB3AB#DCC9AD#DADEAD#C1D8AC#ACDDAF
- Zombie Triadic Color Scheme#DADEAD#AFDADF#DDAADD#F6F7ED#79C0CC
- Zombie Split-complementary Color Scheme#DADEAD#B0C4DE#CAADD8#C4C476#E5E8F2
- Zombie Tetradic Color Scheme#DADEAD#AFDDCC#B6ADD8#DCA7C2#F6F7ED
- Zombie Monochromatic Color Scheme#A5AD44#C4C476#DADEAD#F5F5E4#F6F7ED
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 Zombie?
In a complementary scheme: Praxeti White (#F6F7ED), Purple Hibiscus (#B6ADD8), Kickstart Purple (#7777CC), Silver Phoenix (#EBECF5).
What is the hex code of Zombie?
#DADEAD.