Batman Complementary Color Scheme
Five colors arranged by the complementary rule around Batman (#656E72), each snapped to its nearest named color.
#656E72
#80A1B0
#886150
#543F32
#B99684
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Batman | #656E72 | 101, 110, 114 | 198°, 6%, 42% | 11, 4, 0, 55 | |
| Lake Winnipeg | #80A1B0 | 128, 161, 176 | 199°, 23%, 60% | 27, 9, 0, 31 | |
| How Now | #886150 | 136, 97, 80 | 18°, 26%, 42% | 0, 29, 41, 47 | |
| Kenpō Brown | #543F32 | 84, 63, 50 | 23°, 25%, 26% | 0, 25, 40, 67 | |
| Brush | #B99684 | 185, 150, 132 | 20°, 27%, 62% | 0, 19, 29, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #543F32 on #B99684 | 3.64:1 | AA large |
| Aa #80A1B0 on #543F32 | 3.58:1 | AA large |
| Aa #886150 on #B99684 | 2.00:1 | — |
| Aa #80A1B0 on #886150 | 1.97:1 | — |
| Aa #656E72 on #B99684 | 1.93:1 | — |
| Aa #656E72 on #80A1B0 | 1.90:1 | — |
CSS variables
:root {
--color-1: #656e72; /* Batman */
--color-2: #80a1b0; /* Lake Winnipeg */
--color-3: #886150; /* How Now */
--color-4: #543f32; /* Kenpō Brown */
--color-5: #b99684; /* Brush */
}Other schemes from Batman
- Batman Analogous Color Scheme#558961#56887D#656E72#515B87#6A5287
- Batman Triadic Color Scheme#656E72#835177#73884D#84AAB8#59354A
- Batman Split-complementary Color Scheme#656E72#84525A#837B53#344D56#AA7982
- Batman Tetradic Color Scheme#656E72#795088#886150#598556#84AAB8
- Batman Monochromatic Color Scheme#1A2421#414549#656E72#8A9399#B7BBBB
More Medium Gray complementary palettes
- Abandoned Spaceship Complementary Color Scheme#747A8A#93A3C1#9B8A5F#726144#C6BB9C
- Acoustic Brown Complementary Color Scheme#766B69#B68B88#50818B#33565E#8AB5BD
- Alley Cat Complementary Color Scheme#656874#818DB3#847E54#555337#B5AD88
- Aloe Tip Complementary Color Scheme#8A9480#B6C9A6#8A6FA9#614A7B#BEAECF
- Aluminium Complementary Color Scheme#848789#A5B8C5#A88168#775C47#C8B6A6
- Amorous Complementary Color Scheme#967D96#C5A5C7#72A86A#4C7C4B#A9CEAA
- Anchovy Complementary Color Scheme#756F6B#B69983#53778F#334C5D#8BA7BB
- Archaeology Complementary Color Scheme#6E6A5E#ABA379#485783#343B4E#818DB3
- Argent Complementary Color Scheme#888888#C6A4A4#6BA5A9#487A7B#AECCCB
- Armour Complementary Color Scheme#74857F#93C3B1#9D5C75#6D4052#C59DAA
- Armoury Complementary Color Scheme#6A6B65#A2B07E#5C5083#363151#8881B0
- Ashen Whisper Complementary Color Scheme#646B7A#8092BC#8B7753#5D4F39#B8A88A
Questions
What colors go with Batman?
In a complementary scheme: Lake Winnipeg (#80A1B0), How Now (#886150), Kenpō Brown (#543F32), Brush (#B99684).
What is the hex code of Batman?
#656E72.