Thundercloud Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Thundercloud (#698589), each snapped to its nearest named color.
#698589
#965F73
#9A845E
#3A6468
#B78999
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Thundercloud | #698589 | 105, 133, 137 | 187°, 13%, 47% | 23, 3, 0, 46 | |
| Glitz and Glamour | #965F73 | 150, 95, 115 | 338°, 22%, 48% | 0, 37, 23, 41 | |
| Twisted Tail | #9A845E | 154, 132, 94 | 38°, 24%, 49% | 0, 14, 39, 40 | |
| China Green Blue | #3A6468 | 58, 100, 104 | 185°, 28%, 32% | 44, 4, 0, 59 | |
| Monastir | #B78999 | 183, 137, 153 | 339°, 24%, 63% | 0, 25, 16, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3A6468 on #B78999 | 2.20:1 | — |
| Aa #9A845E on #3A6468 | 1.82:1 | — |
| Aa #965F73 on #B78999 | 1.69:1 | — |
| Aa #698589 on #3A6468 | 1.66:1 | — |
| Aa #965F73 on #9A845E | 1.40:1 | — |
| Aa #698589 on #B78999 | 1.33:1 | — |
CSS variables
:root {
--color-1: #698589; /* Thundercloud */
--color-2: #965f73; /* Glitz and Glamour */
--color-3: #9a845e; /* Twisted Tail */
--color-4: #3a6468; /* China Green Blue */
--color-5: #b78999; /* Monastir */
}Other schemes from Thundercloud
- Thundercloud Complementary Color Scheme#698589#8FBABC#97645A#66433B#C69896
- Thundercloud Analogous Color Scheme#5D9865#5E9B86#698589#577396#625C91
- Thundercloud Triadic Color Scheme#698589#9D5A8F#94975D#95BAC2#643E65
- Thundercloud Tetradic Color Scheme#698589#835995#97645A#739957#95BAC2
- Thundercloud Monochromatic Color Scheme#263032#475A5E#698589#96ACAB#BCCBCE
More Medium Teal split-complementary palettes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Thundercloud?
In a split-complementary scheme: Glitz and Glamour (#965F73), Twisted Tail (#9A845E), China Green Blue (#3A6468), Monastir (#B78999).
What is the hex code of Thundercloud?
#698589.