Animal Kingdom Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Animal Kingdom (#BCC09E), each snapped to its nearest named color.
#BCC09E
#99AAC8
#B598C3
#9FA36C
#C9D4E1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Animal Kingdom | #BCC09E | 188, 192, 158 | 67°, 21%, 69% | 2, 0, 18, 25 | |
| Scorpion Grass Blue | #99AAC8 | 153, 170, 200 | 218°, 30%, 69% | 24, 15, 0, 22 | |
| Atlantic Tulip | #B598C3 | 181, 152, 195 | 280°, 26%, 68% | 7, 22, 0, 24 | |
| Cocktail Olive | #9FA36C | 159, 163, 108 | 64°, 23%, 53% | 2, 0, 34, 36 | |
| Light Angora Blue | #C9D4E1 | 201, 212, 225 | 212°, 29%, 84% | 11, 6, 0, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9FA36C on #C9D4E1 | 1.76:1 | — |
| Aa #B598C3 on #C9D4E1 | 1.70:1 | — |
| Aa #99AAC8 on #C9D4E1 | 1.56:1 | — |
| Aa #BCC09E on #9FA36C | 1.41:1 | — |
| Aa #BCC09E on #B598C3 | 1.36:1 | — |
| Aa #BCC09E on #C9D4E1 | 1.25:1 | — |
CSS variables
:root {
--color-1: #bcc09e; /* Animal Kingdom */
--color-2: #99aac8; /* Scorpion Grass Blue */
--color-3: #b598c3; /* Atlantic Tulip */
--color-4: #9fa36c; /* Cocktail Olive */
--color-5: #c9d4e1; /* Light Angora Blue */
}Other schemes from Animal Kingdom
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Animal Kingdom Analogous Color Scheme#C1A097#C4B49C#BCC09E#AAC69A#9FC5AA
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- Animal Kingdom Tetradic Color Scheme#BCC09E#9BC2B4#A09BC6#C59DAA#E9EADB
- Animal Kingdom Monochromatic Color Scheme#72754F#9BA373#BCC09E#DCDDCC#F4F4F0
More Light Yellow split-complementary palettes
- Alligator Alley Split-complementary Color Scheme#C5D17B#739BD0#B57EDC#AFBB42#B6C7E3
- Ancient Treasure Split-complementary Color Scheme#E7D082#82CDE5#8F8CE7#DCBA42#C1E4F0
- Anna Banana Split-complementary Color Scheme#F5D547#44BBFF#7755EE#E1BF03#87D3F8
- April Showers Split-complementary Color Scheme#DADEB5#B4C4DE#CEBADA#C7CA86#E9EDF6
- Ash Split-complementary Color Scheme#BEBAA7#9FB6C6#AF9FCA#A69E73#CDDCE3
- Aurora Split-complementary Color Scheme#EBD147#46ADF9#7755EE#CAB012#89CFF0
- Banana Split-complementary Color Scheme#FFFC79#77BBFF#BF77F6#FFFF31#C6E3F7
- Banana Drama Split-complementary Color Scheme#F1D548#44BBFF#904FEF#DDBB11#87D3F8
- Banana Frappé Split-complementary Color Scheme#DDD5B6#B6D3DF#C3B9DD#C7B882#EBF1F5
- Beekeeper Split-complementary Color Scheme#F6E491#87D3F8#BB88FF#F1D548#D5EDFB
- Beige Split-complementary Color Scheme#E6DAA6#A6D3E6#ACACE6#DBC364#E7F0F7
- Beige and Sage Split-complementary Color Scheme#BBC199#9EA5C3#B598C3#9BA868#CBD0DD
Questions
What colors go with Animal Kingdom?
In a split-complementary scheme: Scorpion Grass Blue (#99AAC8), Atlantic Tulip (#B598C3), Cocktail Olive (#9FA36C), Light Angora Blue (#C9D4E1).
What is the hex code of Animal Kingdom?
#BCC09E.