Banana Republic Complementary Color Scheme
Five colors arranged by the complementary rule around Banana Republic (#FFE292), each snapped to its nearest named color.
#FFE292
#FFF8E4
#99AAFF
#4E7FFF
#E8EEFE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Banana Republic | #FFE292 | 255, 226, 146 | 44°, 100%, 79% | 0, 11, 43, 0 | |
| Sweet Frosting | #FFF8E4 | 255, 248, 228 | 44°, 100%, 95% | 0, 3, 11, 0 | |
| Widowmaker | #99AAFF | 153, 170, 255 | 230°, 100%, 80% | 40, 33, 0, 0 | |
| C64 NTSC | #4E7FFF | 78, 127, 255 | 223°, 100%, 65% | 69, 50, 0, 0 | |
| Brilliant White | #E8EEFE | 232, 238, 254 | 224°, 92%, 95% | 9, 6, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFF8E4 on #4E7FFF | 3.41:1 | AA large |
| Aa #4E7FFF on #E8EEFE | 3.12:1 | AA large |
| Aa #FFE292 on #4E7FFF | 2.85:1 | — |
| Aa #FFF8E4 on #99AAFF | 2.07:1 | — |
| Aa #99AAFF on #E8EEFE | 1.89:1 | — |
| Aa #FFE292 on #99AAFF | 1.73:1 | — |
CSS variables
:root {
--color-1: #ffe292; /* Banana Republic */
--color-2: #fff8e4; /* Sweet Frosting */
--color-3: #99aaff; /* Widowmaker */
--color-4: #4e7fff; /* C64 NTSC */
--color-5: #e8eefe; /* Brilliant White */
}Other schemes from Banana Republic
- 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 Tetradic Color Scheme#FFE292#90FDA9#99AAFF#FF99EE#FFF8E4
- Banana Republic Monochromatic Color Scheme#F8B500#FFCC44#FFE292#FFF6DE#FFF8E4
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Banana Republic?
In a complementary scheme: Sweet Frosting (#FFF8E4), Widowmaker (#99AAFF), C64 NTSC (#4E7FFF), Brilliant White (#E8EEFE).
What is the hex code of Banana Republic?
#FFE292.