Bangalore Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bangalore (#BBAA88), each snapped to its nearest named color.
#BBAA88
#8AB5BD
#9187BD
#9A8557
#BAD0D5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bangalore | #BBAA88 | 187, 170, 136 | 40°, 27%, 63% | 0, 9, 27, 27 | |
| Kitchen Blue | #8AB5BD | 138, 181, 189 | 189°, 28%, 64% | 27, 4, 0, 26 | |
| Heliotropic Mauve | #9187BD | 145, 135, 189 | 251°, 29%, 64% | 23, 29, 0, 26 | |
| Spacious Plain | #9A8557 | 154, 133, 87 | 41°, 28%, 47% | 0, 14, 44, 40 | |
| Lament Blue | #BAD0D5 | 186, 208, 213 | 191°, 24%, 78% | 13, 2, 0, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9A8557 on #BAD0D5 | 2.23:1 | — |
| Aa #9187BD on #BAD0D5 | 2.04:1 | — |
| Aa #8AB5BD on #9A8557 | 1.61:1 | — |
| Aa #BBAA88 on #9A8557 | 1.57:1 | — |
| Aa #8AB5BD on #9187BD | 1.47:1 | — |
| Aa #BBAA88 on #9187BD | 1.44:1 | — |
CSS variables
:root {
--color-1: #bbaa88; /* Bangalore */
--color-2: #8ab5bd; /* Kitchen Blue */
--color-3: #9187bd; /* Heliotropic Mauve */
--color-4: #9a8557; /* Spacious Plain */
--color-5: #bad0d5; /* Lament Blue */
}Other schemes from Bangalore
- Bangalore Complementary Color Scheme#BBAA88#DCD4C3#8B9AB9#5A6E9C#CBD1E1
- Bangalore Analogous Color Scheme#BB8899#B88F88#BBAA88#B8BA87#99BB88
- Bangalore Triadic Color Scheme#BBAA88#83BAA8#AA8CBC#E1D9C7#599C89
- Bangalore Tetradic Color Scheme#BBAA88#83BA8E#8B9AB9#BC86AF#E1D9C7
- Bangalore Monochromatic Color Scheme#6E5D3E#9A8557#BBAA88#D7CEB9#F3F0E8
More Light Orange split-complementary palettes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Bangalore?
In a split-complementary scheme: Kitchen Blue (#8AB5BD), Heliotropic Mauve (#9187BD), Spacious Plain (#9A8557), Lament Blue (#BAD0D5).
What is the hex code of Bangalore?
#BBAA88.