Huebook

Thor’s Thunder Analogous Color Scheme

Five colors arranged by the analogous rule around Thor’s Thunder (#44CCFF), each snapped to its nearest named color.

#4CFF7B
#4EFFCD
#44CCFF
#4466FF
#6844FC

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Experimintal Green#4CFF7B76, 255, 123136°, 100%, 65%70, 0, 52, 088.3% 0.227 148
Move Mint#4EFFCD78, 255, 205163°, 100%, 65%69, 0, 20, 089.9% 0.159 170
Thor’s Thunder#44CCFF68, 204, 255196°, 100%, 63%73, 20, 0, 079.4% 0.135 228
Blue Titmouse#4466FF68, 102, 255229°, 100%, 63%73, 60, 0, 057.9% 0.230 268
Pink OCD#6844FC104, 68, 252252°, 97%, 63%59, 73, 0, 154.8% 0.254 283

Which pairs work for text

Text on backgroundContrastWCAG
Aa #4EFFCD on #6844FC4.32:1AA large
Aa #4CFF7B on #6844FC4.16:1AA large
Aa #4EFFCD on #4466FF3.60:1AA large
Aa #4CFF7B on #4466FF3.46:1AA large
Aa #44CCFF on #6844FC2.96:1—
Aa #44CCFF on #4466FF2.47:1—

CSS variables

:root {
  --color-1: #4cff7b; /* Experimintal Green */
  --color-2: #4effcd; /* Move Mint */
  --color-3: #44ccff; /* Thor’s Thunder */
  --color-4: #4466ff; /* Blue Titmouse */
  --color-5: #6844fc; /* Pink OCD */
}

Other schemes from Thor’s Thunder

More light blue analogous color schemes

Questions

What colors go with Thor’s Thunder?

In a analogous scheme: Experimintal Green (#4CFF7B), Move Mint (#4EFFCD), Blue Titmouse (#4466FF), Pink OCD (#6844FC).

What is the hex code of Thor’s Thunder?

#44CCFF.