Huebook

Battletoad Analogous Color Scheme

Five colors arranged by the analogous rule around Battletoad (#11CC55), each snapped to its nearest named color.

#88CC11
#22CC11
#11CC55
#11CCBB
#1188CC

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Growing Nature#88CC11136, 204, 1782°, 85%, 43%33, 0, 92, 2077.0% 0.204 130
Monstrous Green#22CC1134, 204, 17115°, 85%, 43%83, 0, 92, 2073.5% 0.243 142
Battletoad#11CC5517, 204, 85142°, 85%, 43%92, 0, 58, 2073.8% 0.210 148
Exquisite Turquoise#11CCBB17, 204, 187175°, 85%, 43%92, 0, 8, 2076.0% 0.133 184
Way Beyond the Blue#1188CC17, 136, 204202°, 85%, 43%92, 33, 0, 2060.1% 0.139 242

Which pairs work for text

Text on backgroundContrastWCAG
Aa #88CC11 on #1188CC1.97:1—
Aa #11CCBB on #1188CC1.92:1—
Aa #11CC55 on #1188CC1.81:1—
Aa #22CC11 on #1188CC1.79:1—
Aa #88CC11 on #22CC111.10:1—
Aa #88CC11 on #11CC551.09:1—

CSS variables

:root {
  --color-1: #88cc11; /* Growing Nature */
  --color-2: #22cc11; /* Monstrous Green */
  --color-3: #11cc55; /* Battletoad */
  --color-4: #11ccbb; /* Exquisite Turquoise */
  --color-5: #1188cc; /* Way Beyond the Blue */
}

Other schemes from Battletoad

More medium green analogous color schemes

Questions

What colors go with Battletoad?

In a analogous scheme: Growing Nature (#88CC11), Monstrous Green (#22CC11), Exquisite Turquoise (#11CCBB), Way Beyond the Blue (#1188CC).

What is the hex code of Battletoad?

#11CC55.