Banana Frappé Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Banana Frappé (#DDD5B6), each snapped to its nearest named color.
#DDD5B6
#B6D3DF
#C3B9DD
#C7B882
#EBF1F5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Banana Frappé | #DDD5B6 | 221, 213, 182 | 48°, 36%, 79% | 0, 4, 18, 13 | |
| Pale Whale | #B6D3DF | 182, 211, 223 | 198°, 39%, 79% | 18, 5, 0, 13 | |
| Melrose | #C3B9DD | 195, 185, 221 | 257°, 35%, 80% | 12, 16, 0, 13 | |
| Yuma | #C7B882 | 199, 184, 130 | 47°, 38%, 65% | 0, 8, 35, 22 | |
| Powder White | #EBF1F5 | 235, 241, 245 | 204°, 33%, 94% | 4, 2, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C7B882 on #EBF1F5 | 1.74:1 | — |
| Aa #C3B9DD on #EBF1F5 | 1.63:1 | — |
| Aa #B6D3DF on #EBF1F5 | 1.38:1 | — |
| Aa #DDD5B6 on #C7B882 | 1.35:1 | — |
| Aa #DDD5B6 on #EBF1F5 | 1.29:1 | — |
| Aa #DDD5B6 on #C3B9DD | 1.26:1 | — |
CSS variables
:root {
--color-1: #ddd5b6; /* Banana Frappé */
--color-2: #b6d3df; /* Pale Whale */
--color-3: #c3b9dd; /* Melrose */
--color-4: #c7b882; /* Yuma */
--color-5: #ebf1f5; /* Powder White */
}Other schemes from Banana Frappé
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Banana Frappé Analogous Color Scheme#DAB7BE#DDC3B6#DDD5B6#CFDDB9#BCDDB3
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Banana Frappé Tetradic Color Scheme#DDD5B6#B9DCC3#B8BFDC#D8B7CF#F7F5ED
- Banana Frappé Monochromatic Color Scheme#AE9550#C7B882#DDD5B6#F5F3E9#F7F5ED
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
- Animal Kingdom Split-complementary Color Scheme#BCC09E#99AAC8#B598C3#9FA36C#C9D4E1
- 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
- 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 Banana Frappé?
In a split-complementary scheme: Pale Whale (#B6D3DF), Melrose (#C3B9DD), Yuma (#C7B882), Powder White (#EBF1F5).
What is the hex code of Banana Frappé?
#DDD5B6.