Banana Mania Triadic Color Scheme
Five colors arranged by the triadic rule around Banana Mania (#FBE7B2), each snapped to its nearest named color.
#FBE7B2
#B8FFEB
#E0B0FF
#FFF7E7
#73FCD6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Banana Mania | #FBE7B2 | 251, 231, 178 | 44°, 90%, 84% | 0, 8, 29, 2 | |
| Peppermint Frosting | #B8FFEB | 184, 255, 235 | 163°, 100%, 86% | 28, 0, 8, 0 | |
| Mauve | #E0B0FF | 224, 176, 255 | 276°, 100%, 85% | 12, 31, 0, 0 | |
| Sheer Peach | #FFF7E7 | 255, 247, 231 | 40°, 100%, 95% | 0, 3, 9, 0 | |
| Spindrift | #73FCD6 | 115, 252, 214 | 163°, 96%, 72% | 54, 0, 15, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E0B0FF on #FFF7E7 | 1.67:1 | — |
| Aa #B8FFEB on #E0B0FF | 1.57:1 | — |
| Aa #FBE7B2 on #E0B0FF | 1.45:1 | — |
| Aa #E0B0FF on #73FCD6 | 1.41:1 | — |
| Aa #FFF7E7 on #73FCD6 | 1.19:1 | — |
| Aa #FBE7B2 on #FFF7E7 | 1.15:1 | — |
CSS variables
:root {
--color-1: #fbe7b2; /* Banana Mania */
--color-2: #b8ffeb; /* Peppermint Frosting */
--color-3: #e0b0ff; /* Mauve */
--color-4: #fff7e7; /* Sheer Peach */
--color-5: #73fcd6; /* Spindrift */
}Other schemes from Banana Mania
- Banana Mania Complementary Color Scheme#FBE7B2#FFF7E7#AACCFF#6888FC#E8EEFE
- Banana Mania Analogous Color Scheme#F8B4C4#F8C4B4#FBE7B2#EFF8AA#C7FDB5
- Banana Mania Split-complementary Color Scheme#FBE7B2#AEE4FF#CDB7FA#F6D06E#E8F7FD
- Banana Mania Tetradic Color Scheme#FBE7B2#AAFFCC#AACCFF#FFB2F0#FFF7E7
- Banana Mania Monochromatic Color Scheme#EEBB22#F6D06E#FBE7B2#FFF7E7#FFF7E7
More Very Light Orange triadic palettes
- A Smell of Bakery Triadic Color Scheme#F3E9D9#DAF4EA#E7D7EF#F8F4ED#95E3C0
- Acropolis Triadic Color Scheme#F8E2CA#D0F7E4#E8CEF6#FBF4E8#99EEBB
- Air-Kiss Triadic Color Scheme#F6DCD2#D2F4DD#DDD6F3#FAEFE9#99EEAA
- Albescent Triadic Color Scheme#E1DACB#CAE1DA#D8CBE0#F6F4EF#9BC2B4
- Almond Triadic Color Scheme#EDDCC8#C6EADD#D5C7E8#F8F4ED#88DDBB
- Almond Brittle Triadic Color Scheme#E5D3B9#B6E5D6#D6B7E2#F8F4ED#82CDAD
- Alpaca Triadic Color Scheme#F9EDE2#E2F7F1#F0E5F5#F8F1EB#ABEDC9
- Ancient Scroll Triadic Color Scheme#F0E4D1#D2EFE6#E9D2EF#F8F4ED#98DDC5
- Angel Wing Triadic Color Scheme#F3DFD7#D7F3DD#DDD6F3#FAEFE9#99E6B3
- Angelic White Triadic Color Scheme#F4EDE4#E5F1ED#F0E5F5#F8F4ED#B0DEC8
- Apricot Freeze Triadic Color Scheme#F3CFB7#BBEFD3#CDB7FA#FAEFE9#66EEAA
- Apricot Sherbet Triadic Color Scheme#FBCD9F#96FBC4#CA9BF7#FFF1E8#56FCA2
Questions
What colors go with Banana Mania?
In a triadic scheme: Peppermint Frosting (#B8FFEB), Mauve (#E0B0FF), Sheer Peach (#FFF7E7), Spindrift (#73FCD6).
What is the hex code of Banana Mania?
#FBE7B2.