Huebook

Batman Analogous Color Scheme

Five colors arranged by the analogous rule around Batman (#656E72), each snapped to its nearest named color.

#558961
#56887D
#656E72
#515B87
#6A5287

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Spring Garden#55896185, 137, 97134°, 23%, 44%38, 0, 29, 4658.2% 0.083 151
Wintergreen Dream#56887D86, 136, 125167°, 23%, 44%37, 0, 8, 4758.8% 0.057 179
Batman#656E72101, 110, 114198°, 6%, 42%11, 4, 0, 5553.2% 0.013 226
Marlin#515B8781, 91, 135229°, 25%, 42%40, 33, 0, 4748.2% 0.072 274
Zimidar#6A5287106, 82, 135267°, 24%, 43%21, 39, 0, 4748.5% 0.087 304

Which pairs work for text

Text on backgroundContrastWCAG
Aa #56887D on #6A52871.64:1—
Aa #56887D on #515B871.63:1—
Aa #558961 on #6A52871.62:1—
Aa #558961 on #515B871.61:1—
Aa #56887D on #656E721.29:1—
Aa #558961 on #656E721.28:1—

CSS variables

:root {
  --color-1: #558961; /* Spring Garden */
  --color-2: #56887d; /* Wintergreen Dream */
  --color-3: #656e72; /* Batman */
  --color-4: #515b87; /* Marlin */
  --color-5: #6a5287; /* Zimidar */
}

Other schemes from Batman

More medium gray analogous color schemes

Questions

What colors go with Batman?

In a analogous scheme: Spring Garden (#558961), Wintergreen Dream (#56887D), Marlin (#515B87), Zimidar (#6A5287).

What is the hex code of Batman?

#656E72.