Windstorm Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Windstorm (#6D98C4), each snapped to its nearest named color.
#6D98C4
#C76D6B
#C5C56A
#4A72A3
#D9A6A1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Windstorm | #6D98C4 | 109, 152, 196 | 210°, 42%, 60% | 44, 22, 0, 23 | |
| Cuban Plaza | #C76D6B | 199, 109, 107 | 1°, 45%, 60% | 0, 45, 46, 22 | |
| Powdered Green Tea | #C5C56A | 197, 197, 106 | 60°, 44%, 59% | 0, 0, 46, 23 | |
| Great Serpent | #4A72A3 | 74, 114, 163 | 213°, 38%, 46% | 55, 30, 0, 36 | |
| Mellow Rose | #D9A6A1 | 217, 166, 161 | 5°, 42%, 74% | 0, 24, 26, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C5C56A on #4A72A3 | 2.74:1 | — |
| Aa #4A72A3 on #D9A6A1 | 2.35:1 | — |
| Aa #C76D6B on #C5C56A | 1.98:1 | — |
| Aa #C76D6B on #D9A6A1 | 1.70:1 | — |
| Aa #6D98C4 on #C5C56A | 1.67:1 | — |
| Aa #6D98C4 on #4A72A3 | 1.64:1 | — |
CSS variables
:root {
--color-1: #6d98c4; /* Windstorm */
--color-2: #c76d6b; /* Cuban Plaza */
--color-3: #c5c56a; /* Powdered Green Tea */
--color-4: #4a72a3; /* Great Serpent */
--color-5: #d9a6a1; /* Mellow Rose */
}Other schemes from Windstorm
- Windstorm Complementary Color Scheme#6D98C4#B0C6DF#C19A6C#A27040#E0CCB6
- Windstorm Analogous Color Scheme#72C895#70C1C9#6D98C4#746CC0#9470C4
- Windstorm Triadic Color Scheme#6D98C4#CB6E98#93C572#B7CAE0#A44775
- Windstorm Tetradic Color Scheme#6D98C4#C772C0#C19A6C#6BC271#B7CAE0
- Windstorm Monochromatic Color Scheme#2A4B6E#4A72A3#6D98C4#A1BED9#DAE6EF
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Windstorm?
In a split-complementary scheme: Cuban Plaza (#C76D6B), Powdered Green Tea (#C5C56A), Great Serpent (#4A72A3), Mellow Rose (#D9A6A1).
What is the hex code of Windstorm?
#6D98C4.