Bangalore Complementary Color Scheme
Five colors arranged by the complementary rule around Bangalore (#BBAA88), each snapped to its nearest named color.
#BBAA88
#DCD4C3
#8B9AB9
#5A6E9C
#CBD1E1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bangalore | #BBAA88 | 187, 170, 136 | 40°, 27%, 63% | 0, 9, 27, 27 | |
| Bare Market | #DCD4C3 | 220, 212, 195 | 41°, 26%, 81% | 0, 4, 11, 14 | |
| Periwinkle Blossom | #8B9AB9 | 139, 154, 185 | 220°, 25%, 64% | 25, 17, 0, 27 | |
| Moonshade | #5A6E9C | 90, 110, 156 | 222°, 27%, 48% | 42, 29, 0, 39 | |
| Sweet Emily | #CBD1E1 | 203, 209, 225 | 224°, 27%, 84% | 10, 7, 0, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DCD4C3 on #5A6E9C | 3.44:1 | AA large |
| Aa #5A6E9C on #CBD1E1 | 3.32:1 | AA large |
| Aa #BBAA88 on #5A6E9C | 2.22:1 | — |
| Aa #DCD4C3 on #8B9AB9 | 1.92:1 | — |
| Aa #8B9AB9 on #CBD1E1 | 1.85:1 | — |
| Aa #8B9AB9 on #5A6E9C | 1.79:1 | — |
CSS variables
:root {
--color-1: #bbaa88; /* Bangalore */
--color-2: #dcd4c3; /* Bare Market */
--color-3: #8b9ab9; /* Periwinkle Blossom */
--color-4: #5a6e9c; /* Moonshade */
--color-5: #cbd1e1; /* Sweet Emily */
}Other schemes from Bangalore
- Bangalore Analogous Color Scheme#BB8899#B88F88#BBAA88#B8BA87#99BB88
- Bangalore Triadic Color Scheme#BBAA88#83BAA8#AA8CBC#E1D9C7#599C89
- Bangalore Split-complementary Color Scheme#BBAA88#8AB5BD#9187BD#9A8557#BAD0D5
- Bangalore Tetradic Color Scheme#BBAA88#83BA8E#8B9AB9#BC86AF#E1D9C7
- Bangalore Monochromatic Color Scheme#6E5D3E#9A8557#BBAA88#D7CEB9#F3F0E8
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 Bangalore?
In a complementary scheme: Bare Market (#DCD4C3), Periwinkle Blossom (#8B9AB9), Moonshade (#5A6E9C), Sweet Emily (#CBD1E1).
What is the hex code of Bangalore?
#BBAA88.