After the Storm Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around After the Storm (#33616A), each snapped to its nearest named color.
#33616A
#6D3445
#6A5536
#1C3339
#9F4D65
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| After the Storm | #33616A | 51, 97, 106 | 190°, 35%, 31% | 52, 8, 0, 58 | |
| Cabernet Craving | #6D3445 | 109, 52, 69 | 342°, 35%, 32% | 0, 52, 37, 57 | |
| Ancient Olive | #6A5536 | 106, 85, 54 | 36°, 33%, 31% | 0, 20, 49, 58 | |
| Ore Bluish Black | #1C3339 | 28, 51, 57 | 192°, 34%, 17% | 51, 11, 0, 78 | |
| Cherry Berry | #9F4D65 | 159, 77, 101 | 342°, 35%, 46% | 0, 52, 36, 38 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1C3339 on #9F4D65 | 2.35:1 | — |
| Aa #33616A on #1C3339 | 1.93:1 | — |
| Aa #6A5536 on #1C3339 | 1.87:1 | — |
| Aa #6D3445 on #9F4D65 | 1.67:1 | — |
| Aa #6D3445 on #1C3339 | 1.41:1 | — |
| Aa #33616A on #6D3445 | 1.37:1 | — |
CSS variables
:root {
--color-1: #33616a; /* After the Storm */
--color-2: #6d3445; /* Cabernet Craving */
--color-3: #6a5536; /* Ancient Olive */
--color-4: #1c3339; /* Ore Bluish Black */
--color-5: #9f4d65; /* Cherry Berry */
}Other schemes from After the Storm
- After the Storm Complementary Color Scheme#33616A#4E9AA8#6D3C32#351F19#B06455
- After the Storm Analogous Color Scheme#33673F#356554#33616A#34466C#3E3267
- After the Storm Triadic Color Scheme#33616A#6C3461#607038#579DAB#391531
- After the Storm Tetradic Color Scheme#33616A#593569#6D3C32#476A30#579DAB
- After the Storm Monochromatic Color Scheme#0F1012#1C3339#33616A#4E939D#78B1BF
More Dark Teal split-complementary palettes
- 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
- Celestial Split-complementary Color Scheme#007894#990033#996600#003447#E40046
Questions
What colors go with After the Storm?
In a split-complementary scheme: Cabernet Craving (#6D3445), Ancient Olive (#6A5536), Ore Bluish Black (#1C3339), Cherry Berry (#9F4D65).
What is the hex code of After the Storm?
#33616A.