Huebook

Raging Thunderstorm Triadic Color Scheme

Five colors arranged by the triadic rule around Raging Thunderstorm (#004F63), each snapped to its nearest named color.

#004F63
#64005E
#556600
#01A2C6
#180614

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Raging Thunderstorm#004F630, 79, 99192°, 100%, 19%100, 20, 0, 6139.7% 0.073 222
Clear Plum#64005E100, 0, 94304°, 100%, 20%0, 100, 6, 6134.9% 0.158 331
Serrano Pepper#55660085, 102, 070°, 100%, 20%17, 0, 100, 6047.9% 0.114 120
Resonant Blue#01A2C61, 162, 198191°, 99%, 39%99, 18, 0, 2266.0% 0.121 221
Crow#18061424, 6, 20313°, 60%, 6%0, 75, 17, 9116.1% 0.042 336

Which pairs work for text

Text on backgroundContrastWCAG
Aa #01A2C6 on #1806146.50:1AA
Aa #64005E on #01A2C64.10:1AA large
Aa #556600 on #1806143.06:1AA large
Aa #004F63 on #01A2C63.04:1AA large
Aa #004F63 on #1806142.14:1—
Aa #556600 on #01A2C62.13:1—

CSS variables

:root {
  --color-1: #004f63; /* Raging Thunderstorm */
  --color-2: #64005e; /* Clear Plum */
  --color-3: #556600; /* Serrano Pepper */
  --color-4: #01a2c6; /* Resonant Blue */
  --color-5: #180614; /* Crow */
}

Other schemes from Raging Thunderstorm

More very dark teal triadic color schemes

Questions

What colors go with Raging Thunderstorm?

In a triadic scheme: Clear Plum (#64005E), Serrano Pepper (#556600), Resonant Blue (#01A2C6), Crow (#180614).

What is the hex code of Raging Thunderstorm?

#004F63.