Anna Banana Triadic Color Scheme
Five colors arranged by the triadic rule around Anna Banana (#F5D547), each snapped to its nearest named color.
#F5D547
#4EFFCD
#D94FF5
#FBE8A8
#0AE9B4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Anna Banana | #F5D547 | 245, 213, 71 | 49°, 90%, 62% | 0, 13, 71, 4 | |
| Move Mint | #4EFFCD | 78, 255, 205 | 163°, 100%, 65% | 69, 0, 20, 0 | |
| Heliotrope | #D94FF5 | 217, 79, 245 | 290°, 89%, 64% | 11, 68, 0, 4 | |
| Bleached Sunflower | #FBE8A8 | 251, 232, 168 | 46°, 91%, 82% | 0, 8, 33, 2 | |
| Overchlorinated Pool | #0AE9B4 | 10, 233, 180 | 166°, 92%, 48% | 96, 0, 23, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D94FF5 on #FBE8A8 | 2.69:1 | — |
| Aa #4EFFCD on #D94FF5 | 2.58:1 | — |
| Aa #F5D547 on #D94FF5 | 2.27:1 | — |
| Aa #D94FF5 on #0AE9B4 | 2.09:1 | — |
| Aa #FBE8A8 on #0AE9B4 | 1.29:1 | — |
| Aa #4EFFCD on #0AE9B4 | 1.24:1 | — |
CSS variables
:root {
--color-1: #f5d547; /* Anna Banana */
--color-2: #4effcd; /* Move Mint */
--color-3: #d94ff5; /* Heliotrope */
--color-4: #fbe8a8; /* Bleached Sunflower */
--color-5: #0ae9b4; /* Overchlorinated Pool */
}Other schemes from Anna Banana
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- Anna Banana Analogous Color Scheme#EE4466#FA7F46#F5D547#A6FD44#66FF55
- Anna Banana Split-complementary Color Scheme#F5D547#44BBFF#7755EE#E1BF03#87D3F8
- Anna Banana Tetradic Color Scheme#F5D547#4CFF7B#4166F5#F246A7#FBE8A8
- Anna Banana Monochromatic Color Scheme#9F8303#E1BF03#F5D547#F6E491#FEF6D8
More Light Yellow triadic palettes
- Alligator Alley Triadic Color Scheme#C5D17B#76C4D1#CC77CC#E9EAC8#53B1BA
- Ancient Treasure Triadic Color Scheme#E7D082#87E0CF#CB82E3#F8F0D8#55CCBB
- Animal Kingdom Triadic Color Scheme#BCC09E#9BBCC3#CC99BB#E9EADB#6C9DA9
- April Showers Triadic Color Scheme#DADEB5#B7DADD#DEB7D9#F6F7ED#85C1C4
- Ash Triadic Color Scheme#BEBAA7#9CC2BF#BB9ECA#EDE9DF#72A49F
- Aurora Triadic Color Scheme#EBD147#40E0D0#DC41F1#F4E7A5#11CCBB
- Banana Triadic Color Scheme#FFFC79#73FDFF#FF77FF#FFFEDF#33FFFF
- Banana Drama Triadic Color Scheme#F1D548#4EFFCD#D94FF5#FBE8A8#04D8B2
- Banana Frappé Triadic Color Scheme#DDD5B6#B4DCD3#CEBADA#F7F5ED#81C3B4
- Beekeeper Triadic Color Scheme#F6E491#89F5E3#EE99EE#FFF9E7#4EFFCD
- Beige Triadic Color Scheme#E6DAA6#A0E5D9#DDAAEE#FAF7EB#66D0C0
- Beige and Sage Triadic Color Scheme#BBC199#9BBCC3#CA99B7#E5E8D9#6C9DA9
Questions
What colors go with Anna Banana?
In a triadic scheme: Move Mint (#4EFFCD), Heliotrope (#D94FF5), Bleached Sunflower (#FBE8A8), Overchlorinated Pool (#0AE9B4).
What is the hex code of Anna Banana?
#F5D547.