Thor’s Thunder Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Thor’s Thunder (#44CCFF), each snapped to its nearest named color.
#44CCFF
#FE486C
#FFD343
#00AEF3
#FF92AE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Thor’s Thunder | #44CCFF | 68, 204, 255 | 196°, 100%, 63% | 73, 20, 0, 0 | |
| Infrared | #FE486C | 254, 72, 108 | 348°, 99%, 64% | 0, 72, 57, 0 | |
| Python Yellow | #FFD343 | 255, 211, 67 | 46°, 100%, 63% | 0, 17, 74, 0 | |
| Democrat | #00AEF3 | 0, 174, 243 | 197°, 100%, 48% | 100, 28, 0, 5 | |
| Baker-Miller Pink | #FF92AE | 255, 146, 174 | 345°, 100%, 79% | 0, 43, 32, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FE486C on #FFD343 | 2.30:1 | — |
| Aa #44CCFF on #FE486C | 1.78:1 | — |
| Aa #FFD343 on #00AEF3 | 1.75:1 | — |
| Aa #FE486C on #FF92AE | 1.57:1 | — |
| Aa #FFD343 on #FF92AE | 1.47:1 | — |
| Aa #44CCFF on #00AEF3 | 1.36:1 | — |
CSS variables
:root {
--color-1: #44ccff; /* Thor’s Thunder */
--color-2: #fe486c; /* Infrared */
--color-3: #ffd343; /* Python Yellow */
--color-4: #00aef3; /* Democrat */
--color-5: #ff92ae; /* Baker-Miller Pink */
}Other schemes from Thor’s Thunder
- Thor’s Thunder Complementary Color Scheme#44CCFF#A0E6FF#FF7744#EE4400#FCC0A6
- Thor’s Thunder Analogous Color Scheme#4CFF7B#4EFFCD#44CCFF#4466FF#6844FC
- Thor’s Thunder Triadic Color Scheme#44CCFF#FF48D0#CDFA56#A6E7FF#FE01B1
- Thor’s Thunder Tetradic Color Scheme#44CCFF#DD44FF#FF7744#66FF55#A6E7FF
- Thor’s Thunder Monochromatic Color Scheme#007BAA#00AEF3#44CCFF#99EEFF#DEF7FE
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Thor’s Thunder?
In a split-complementary scheme: Infrared (#FE486C), Python Yellow (#FFD343), Democrat (#00AEF3), Baker-Miller Pink (#FF92AE).
What is the hex code of Thor’s Thunder?
#44CCFF.