Banana Republic Tetradic Color Scheme
Five colors arranged by the tetradic rule around Banana Republic (#FFE292), each snapped to its nearest named color.
#FFE292
#90FDA9
#99AAFF
#FF99EE
#FFF8E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Banana Republic | #FFE292 | 255, 226, 146 | 44°, 100%, 79% | 0, 11, 43, 0 | |
| Foam Green | #90FDA9 | 144, 253, 169 | 134°, 96%, 78% | 43, 0, 33, 1 | |
| Widowmaker | #99AAFF | 153, 170, 255 | 230°, 100%, 80% | 40, 33, 0, 0 | |
| Pink Elephants | #FF99EE | 255, 153, 238 | 310°, 100%, 80% | 0, 40, 7, 0 | |
| Sweet Frosting | #FFF8E4 | 255, 248, 228 | 44°, 100%, 95% | 0, 3, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #99AAFF on #FFF8E4 | 2.07:1 | — |
| Aa #FF99EE on #FFF8E4 | 1.79:1 | — |
| Aa #90FDA9 on #99AAFF | 1.76:1 | — |
| Aa #FFE292 on #99AAFF | 1.73:1 | — |
| Aa #90FDA9 on #FF99EE | 1.52:1 | — |
| Aa #FFE292 on #FF99EE | 1.50:1 | — |
CSS variables
:root {
--color-1: #ffe292; /* Banana Republic */
--color-2: #90fda9; /* Foam Green */
--color-3: #99aaff; /* Widowmaker */
--color-4: #ff99ee; /* Pink Elephants */
--color-5: #fff8e4; /* Sweet Frosting */
}Other schemes from Banana Republic
- Banana Republic Complementary Color Scheme#FFE292#FFF8E4#99AAFF#4E7FFF#E8EEFE
- Banana Republic Analogous Color Scheme#FF92AE#FEA993#FFE292#EEFF99#B1FC99
- Banana Republic Triadic Color Scheme#FFE292#99FFEE#EE99FF#FFF8E4#4EFFCD
- Banana Republic Split-complementary Color Scheme#FFE292#99EEFF#BB88FF#FFCC44#DEF7FE
- Banana Republic Monochromatic Color Scheme#F8B500#FFCC44#FFE292#FFF6DE#FFF8E4
More Light Orange tetradic palettes
- 24 Karat Tetradic Color Scheme#DFC685#8FD89F#8B98D8#DA93C1#F4ECD7
- 3AM Latte Tetradic Color Scheme#C0A98E#96C193#8FA6C1#C189BC#E4DBCE
- Ancestral Gold Tetradic Color Scheme#DDCDA6#AADEB2#A6BADF#DAA6CF#F7F5ED
- Angry Pasta Tetradic Color Scheme#FFCC55#4CFF7B#5588FF#FE4EDA#FDEBBC
- Anise Biscotti Tetradic Color Scheme#E5D5AE#B4E1BB#ADBAE3#E6AED3#F7F5EC
- Another One Bites the Dust Tetradic Color Scheme#C7BBA4#A1C4A8#A5B2C7#C2A4C2#EEEAE2
- Apricot Tetradic Color Scheme#FFB16D#77FF66#75BBFD#FE6FFF#FFE7D5
- Apricotta Tetradic Color Scheme#D8A48F#98D98E#8CC1D6#C687D6#F3E0DB
- Artisans Gold Tetradic Color Scheme#F2AB46#4EFD54#4488EE#E047E1#FAD6A5
- Ashes to Ashes Tetradic Color Scheme#BBB3A2#9FC5AA#9EA5C3#CA99B7#EAE4DA
- Atomic Tangerine Tetradic Color Scheme#FF9966#9AF764#66CCFF#EE66FF#FFDDCC
- Attic Linen Tetradic Color Scheme#CCBCA9#A9CEAA#AABBCC#C9A8CE#F1EEE8
Questions
What colors go with Banana Republic?
In a tetradic scheme: Foam Green (#90FDA9), Widowmaker (#99AAFF), Pink Elephants (#FF99EE), Sweet Frosting (#FFF8E4).
What is the hex code of Banana Republic?
#FFE292.