Animal Kingdom Complementary Color Scheme
Five colors arranged by the complementary rule around Animal Kingdom (#BCC09E), each snapped to its nearest named color.
#BCC09E
#E4E4D5
#A09BC6
#776EA2
#DCDDE7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Animal Kingdom | #BCC09E | 188, 192, 158 | 67°, 21%, 69% | 2, 0, 18, 25 | |
| Garden Pebble | #E4E4D5 | 228, 228, 213 | 60°, 22%, 86% | 0, 0, 7, 11 | |
| Cosmo Purple | #A09BC6 | 160, 155, 198 | 247°, 27%, 69% | 19, 22, 0, 22 | |
| Toy Mauve | #776EA2 | 119, 110, 162 | 250°, 22%, 53% | 27, 32, 0, 36 | |
| Hosta Flower | #DCDDE7 | 220, 221, 231 | 235°, 19%, 88% | 5, 4, 0, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E4E4D5 on #776EA2 | 3.61:1 | AA large |
| Aa #776EA2 on #DCDDE7 | 3.43:1 | AA large |
| Aa #BCC09E on #776EA2 | 2.46:1 | — |
| Aa #E4E4D5 on #A09BC6 | 2.04:1 | — |
| Aa #A09BC6 on #DCDDE7 | 1.94:1 | — |
| Aa #A09BC6 on #776EA2 | 1.76:1 | — |
CSS variables
:root {
--color-1: #bcc09e; /* Animal Kingdom */
--color-2: #e4e4d5; /* Garden Pebble */
--color-3: #a09bc6; /* Cosmo Purple */
--color-4: #776ea2; /* Toy Mauve */
--color-5: #dcdde7; /* Hosta Flower */
}Other schemes from Animal Kingdom
- Animal Kingdom Analogous Color Scheme#C1A097#C4B49C#BCC09E#AAC69A#9FC5AA
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Animal Kingdom Split-complementary Color Scheme#BCC09E#99AAC8#B598C3#9FA36C#C9D4E1
- Animal Kingdom Tetradic Color Scheme#BCC09E#9BC2B4#A09BC6#C59DAA#E9EADB
- Animal Kingdom Monochromatic Color Scheme#72754F#9BA373#BCC09E#DCDDCC#F4F4F0
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
- 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
- Beige and Sage Complementary Color Scheme#BBC199#E3E4D2#9D9AC4#6D69A1#D9D9EA
Questions
What colors go with Animal Kingdom?
In a complementary scheme: Garden Pebble (#E4E4D5), Cosmo Purple (#A09BC6), Toy Mauve (#776EA2), Hosta Flower (#DCDDE7).
What is the hex code of Animal Kingdom?
#BCC09E.