Batman Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Batman (#656E72), each snapped to its nearest named color.
#656E72
#84525A
#837B53
#344D56
#AA7982
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Batman | #656E72 | 101, 110, 114 | 198°, 6%, 42% | 11, 4, 0, 55 | 53.2% 0.013 226 | |
| So Merlot | #84525A | 132, 82, 90 | 350°, 23%, 42% | 0, 38, 32, 48 | 49.7% 0.068 9 | |
| Fern Grove | #837B53 | 131, 123, 83 | 50°, 22%, 42% | 0, 6, 37, 49 | 58.0% 0.058 98 | |
| Iron Head | #344D56 | 52, 77, 86 | 196°, 25%, 27% | 40, 10, 0, 66 | 40.4% 0.034 222 | |
| Mauve Madness | #AA7982 | 170, 121, 130 | 349°, 22%, 57% | 0, 29, 24, 33 | 62.8% 0.062 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #344D56 on #AA7982 | 2.46:1 | — |
| Aa #837B53 on #344D56 | 2.10:1 | — |
| Aa #84525A on #AA7982 | 1.73:1 | — |
| Aa #656E72 on #344D56 | 1.72:1 | — |
| Aa #84525A on #837B53 | 1.48:1 | — |
| Aa #656E72 on #AA7982 | 1.43:1 | — |
CSS variables
:root {
--color-1: #656e72; /* Batman */
--color-2: #84525a; /* So Merlot */
--color-3: #837b53; /* Fern Grove */
--color-4: #344d56; /* Iron Head */
--color-5: #aa7982; /* Mauve Madness */
}Other schemes from Batman
- Batman Complementary Color Scheme#656E72#80A1B0#886150#543F32#B99684
- Batman Analogous Color Scheme#558961#56887D#656E72#515B87#6A5287
- Batman Triadic Color Scheme#656E72#835177#73884D#84AAB8#59354A
- Batman Tetradic Color Scheme#656E72#795088#886150#598556#84AAB8
- Batman Monochromatic Color Scheme#1A2421#414549#656E72#8A9399#B7BBBB
More medium gray split-complementary color schemes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Acoustic Brown Split-complementary Color Scheme#766B69#588A79#5A6A8C#5B3D34#7DB39E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
Questions
What colors go with Batman?
In a split-complementary scheme: So Merlot (#84525A), Fern Grove (#837B53), Iron Head (#344D56), Mauve Madness (#AA7982).
What is the hex code of Batman?
#656E72.