Banan-Appeal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Banan-Appeal (#FAF3A6), each snapped to its nearest named color.
#FAF3A6
#A7D7FF
#CEA2FD
#FBEC5E
#E8F5FC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Banan-Appeal | #FAF3A6 | 250, 243, 166 | 55°, 89%, 82% | 0, 3, 34, 2 | |
| Malmö FF | #A7D7FF | 167, 215, 255 | 207°, 100%, 83% | 35, 16, 0, 0 | |
| Lilac | #CEA2FD | 206, 162, 253 | 269°, 96%, 81% | 19, 36, 0, 1 | |
| Maizena | #FBEC5E | 251, 236, 94 | 54°, 95%, 68% | 0, 6, 63, 2 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CEA2FD on #E8F5FC | 1.85:1 | — |
| Aa #FAF3A6 on #CEA2FD | 1.81:1 | — |
| Aa #CEA2FD on #FBEC5E | 1.69:1 | — |
| Aa #A7D7FF on #E8F5FC | 1.37:1 | — |
| Aa #A7D7FF on #CEA2FD | 1.35:1 | — |
| Aa #FAF3A6 on #A7D7FF | 1.34:1 | — |
CSS variables
:root {
--color-1: #faf3a6; /* Banan-Appeal */
--color-2: #a7d7ff; /* Malmö FF */
--color-3: #cea2fd; /* Lilac */
--color-4: #fbec5e; /* Maizena */
--color-5: #e8f5fc; /* Kodama White */
}Other schemes from Banan-Appeal
- Banan-Appeal Complementary Color Scheme#FAF3A6#FFFBE8#AAAAFF#5566EE#E6E8FA
- Banan-Appeal Analogous Color Scheme#F9A3AA#FCC9A6#FAF3A6#DDFFAA#B2FBA5
- Banan-Appeal Triadic Color Scheme#FAF3A6#A1F4F5#F1A7FE#FFFBE8#56F7F3
- Banan-Appeal Tetradic Color Scheme#FAF3A6#AAFFCC#AAAAFF#FFA6D9#FFFBE8
- Banan-Appeal Monochromatic Color Scheme#EEDD11#FBEC5E#FAF3A6#FFFBE8#FFFBE8
More Very Light Yellow split-complementary palettes
- Au Clair de la Lune Split-complementary Color Scheme#F4F2E2#E2ECF2#EFE2F2#DED6AC#ECF3F9
- Banana Cream Split-complementary Color Scheme#FFF49C#99DBFE#CC99FF#FBEB50#E8F5FC
- Banana Milk Split-complementary Color Scheme#FFF7AD#AADDFF#CCAAFF#FEF263#E8F5FC
- Banana Split Split-complementary Color Scheme#F7EEC8#C5E6F7#D0C7FF#EED786#E8F5FC
- Blanc Cassé Split-complementary Color Scheme#F1EEE2#E2ECF2#E5E3EF#DBCEAC#F0F4F8
- Blanco Split-complementary Color Scheme#EBEAE5#E1E9EF#E5E3EF#D1CCB0#EEF2F3
- Bleached Sunflower Split-complementary Color Scheme#FBE8A8#A4E4FC#B5AFFF#F8D75A#E8F7FD
- Blond Split-complementary Color Scheme#FAF0BE#B8E4F5#CCBBFF#F7E077#E8F7FD
- Bollywood Gold Split-complementary Color Scheme#FFFBAB#A7D7FF#CCAAFF#FCF75E#E8F5FC
- Bullet Hell Split-complementary Color Scheme#FAF1C8#C5E6F7#DFC5FE#F5DE85#E8F7FD
- Butter Honey Split-complementary Color Scheme#F5E5AB#B0E0F6#C2B2F0#EACE6A#E8F7FD
- Buttered Split-complementary Color Scheme#ECE2B7#B8DCED#CCBBEE#DDCC77#EBF4FC
Questions
What colors go with Banan-Appeal?
In a split-complementary scheme: Malmö FF (#A7D7FF), Lilac (#CEA2FD), Maizena (#FBEC5E), Kodama White (#E8F5FC).
What is the hex code of Banan-Appeal?
#FAF3A6.