Windstorm Triadic Color Scheme
Five colors arranged by the triadic rule around Windstorm (#6D98C4), each snapped to its nearest named color.
#6D98C4
#CB6E98
#93C572
#B7CAE0
#A44775
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Windstorm | #6D98C4 | 109, 152, 196 | 210°, 42%, 60% | 44, 22, 0, 23 | |
| Fuchsia Kiss | #CB6E98 | 203, 110, 152 | 333°, 47%, 61% | 0, 46, 25, 20 | |
| Pistachio | #93C572 | 147, 197, 114 | 96°, 42%, 61% | 25, 0, 42, 23 | |
| Mystic River | #B7CAE0 | 183, 202, 224 | 212°, 40%, 80% | 18, 10, 0, 12 | |
| Magenta Haze | #A44775 | 164, 71, 117 | 330°, 40%, 46% | 0, 57, 29, 36 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B7CAE0 on #A44775 | 3.36:1 | AA large |
| Aa #93C572 on #A44775 | 2.80:1 | — |
| Aa #CB6E98 on #B7CAE0 | 2.01:1 | — |
| Aa #6D98C4 on #A44775 | 1.86:1 | — |
| Aa #6D98C4 on #B7CAE0 | 1.81:1 | — |
| Aa #CB6E98 on #93C572 | 1.68:1 | — |
CSS variables
:root {
--color-1: #6d98c4; /* Windstorm */
--color-2: #cb6e98; /* Fuchsia Kiss */
--color-3: #93c572; /* Pistachio */
--color-4: #b7cae0; /* Mystic River */
--color-5: #a44775; /* Magenta Haze */
}Other schemes from Windstorm
- Windstorm Complementary Color Scheme#6D98C4#B0C6DF#C19A6C#A27040#E0CCB6
- Windstorm Analogous Color Scheme#72C895#70C1C9#6D98C4#746CC0#9470C4
- Windstorm Split-complementary Color Scheme#6D98C4#C76D6B#C5C56A#4A72A3#D9A6A1
- Windstorm Tetradic Color Scheme#6D98C4#C772C0#C19A6C#6BC271#B7CAE0
- Windstorm Monochromatic Color Scheme#2A4B6E#4A72A3#6D98C4#A1BED9#DAE6EF
More Medium Blue triadic palettes
- Admiral Blue Triadic Color Scheme#50647F#854C65#648251#819AB1#513439
- Aster Triadic Color Scheme#867BA9#B18377#76AD83#BAB8D3#885D53
- Azure Triadic Color Scheme#007FFF#FF007F#7FFF00#77B5FE#AA0055
- Bay View Triadic Color Scheme#6A819E#A16381#85A16A#A6B3C9#75495E
- Beach View Triadic Color Scheme#4F7694#914E75#749551#88AAC4#65344E
- Bellflower Triadic Color Scheme#5D66AA#A95C68#69AC58#A3A7CC#794143
- Blasphemous Blue Triadic Color Scheme#3356AA#A53756#5CAC2D#7391CC#6E2233
- Blue Triadic Color Scheme#0000FF#FF0000#00FF00#6666FF#B30103
- Blue Burst Triadic Color Scheme#309CD0#CA2C92#9ACD32#80C1E2#992266
- Blue Overdose Triadic Color Scheme#0020EF#EE0022#33EE00#5566FF#A30112
- Blue Ribbon Triadic Color Scheme#0066FF#FF0066#66FF00#77AAFF#B00149
- Blue Triumph Triadic Color Scheme#4376AB#AD4379#78AE48#84A7CE#6F2C4F
Questions
What colors go with Windstorm?
In a triadic scheme: Fuchsia Kiss (#CB6E98), Pistachio (#93C572), Mystic River (#B7CAE0), Magenta Haze (#A44775).
What is the hex code of Windstorm?
#6D98C4.