Winter Storm Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Winter Storm (#4B7079), each snapped to its nearest named color.
#4B7079
#7A4B56
#7D6C4A
#2D454A
#A66E7A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Winter Storm | #4B7079 | 75, 112, 121 | 192°, 23%, 38% | 38, 7, 0, 53 | |
| Nocturne Red | #7A4B56 | 122, 75, 86 | 346°, 24%, 39% | 0, 39, 30, 52 | |
| Juicy Fig | #7D6C4A | 125, 108, 74 | 40°, 26%, 39% | 0, 14, 41, 51 | |
| Little Mermaid | #2D454A | 45, 69, 74 | 190°, 24%, 23% | 39, 7, 0, 71 | |
| Black Elder | #A66E7A | 166, 110, 122 | 347°, 24%, 54% | 0, 34, 27, 35 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2D454A on #A66E7A | 2.49:1 | — |
| Aa #7D6C4A on #2D454A | 2.00:1 | — |
| Aa #4B7079 on #2D454A | 1.89:1 | — |
| Aa #7A4B56 on #A66E7A | 1.73:1 | — |
| Aa #7A4B56 on #2D454A | 1.44:1 | — |
| Aa #7A4B56 on #7D6C4A | 1.39:1 | — |
CSS variables
:root {
--color-1: #4b7079; /* Winter Storm */
--color-2: #7a4b56; /* Nocturne Red */
--color-3: #7d6c4a; /* Juicy Fig */
--color-4: #2d454a; /* Little Mermaid */
--color-5: #a66e7a; /* Black Elder */
}Other schemes from Winter Storm
- Winter Storm Complementary Color Scheme#4B7079#77A2AD#7B5349#4A352B#B18377
- Winter Storm Analogous Color Scheme#49764F#49796B#4B7079#4D587A#534A77
- Winter Storm Triadic Color Scheme#4B7079#784674#75794A#77A2AD#532D45
- Winter Storm Tetradic Color Scheme#4B7079#694878#7B5349#5A7C46#77A2AD
- Winter Storm Monochromatic Color Scheme#0E191C#2D454A#4B7079#6C98A2#9AB8C2
More Dark Teal split-complementary palettes
- After the Storm Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- Ahoy! Blue Split-complementary Color Scheme#0082A1#AA0033#AB7100#004455#EE0044
- Aqua Obscura Split-complementary Color Scheme#05696B#66033C#6E3A07#002222#A50B5E
- Arctic Nights Split-complementary Color Scheme#345C61#623745#665134#193232#955264
- Baltic Split-complementary Color Scheme#279D9F#9F2B68#9D652B#166461#C84186
- Beau Vert Split-complementary Color Scheme#0C6064#66033C#6E3A07#041723#AA1155
- Bermuda Split-complementary Color Scheme#1B7D8D#871646#97691E#0B474A#CC2266
- Billiard Split-complementary Color Scheme#00AF9F#AA0066#B64701#016459#FF0099
- Bleu Ciel Split-complementary Color Scheme#007BA1#AA0033#A87900#004058#F2013F
- Blue Fjord Split-complementary Color Scheme#007290#900020#886600#003344#DD0044
- Blue Ocean Split-complementary Color Scheme#009DC4#C40233#C68400#04627A#FF1155
- Blue-Collar Split-complementary Color Scheme#005F7A#770022#7A5901#002233#C40233
Questions
What colors go with Winter Storm?
In a split-complementary scheme: Nocturne Red (#7A4B56), Juicy Fig (#7D6C4A), Little Mermaid (#2D454A), Black Elder (#A66E7A).
What is the hex code of Winter Storm?
#4B7079.