After the Storm Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around After the Storm (#33616A), each snapped to its nearest named color.
#0F1012
#1C3339
#33616A
#4E939D
#78B1BF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | |
| Ore Bluish Black | #1C3339 | 28, 51, 57 | 192°, 34%, 17% | 51, 11, 0, 78 | |
| After the Storm | #33616A | 51, 97, 106 | 190°, 35%, 31% | 52, 8, 0, 58 | |
| Teal Trinket | #4E939D | 78, 147, 157 | 188°, 34%, 46% | 50, 6, 0, 38 | |
| Glacier | #78B1BF | 120, 177, 191 | 192°, 36%, 61% | 37, 7, 0, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1012 on #78B1BF | 8.01:1 | AAA |
| Aa #1C3339 on #78B1BF | 5.59:1 | AA |
| Aa #0F1012 on #4E939D | 5.42:1 | AA |
| Aa #1C3339 on #4E939D | 3.78:1 | AA large |
| Aa #33616A on #78B1BF | 2.89:1 | — |
| Aa #0F1012 on #33616A | 2.77:1 | — |
CSS variables
:root {
--color-1: #0f1012; /* Ruined Smores */
--color-2: #1c3339; /* Ore Bluish Black */
--color-3: #33616a; /* After the Storm */
--color-4: #4e939d; /* Teal Trinket */
--color-5: #78b1bf; /* Glacier */
}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 Split-complementary Color Scheme#33616A#6D3445#6A5536#1C3339#9F4D65
- After the Storm Tetradic Color Scheme#33616A#593569#6D3C32#476A30#579DAB
More Dark Teal monochromatic palettes
- Ahoy! Blue Monochromatic Color Scheme#0E191C#004455#0082A1#00CCEE#22DDFF
- Aqua Obscura Monochromatic Color Scheme#0E191C#002222#05696B#01B1AF#11EEEE
- Arctic Nights Monochromatic Color Scheme#0F1012#193232#345C61#508793#79B0B6
- Baltic Monochromatic Color Scheme#032425#166461#279D9F#48D1CC#78DBE2
- Beau Vert Monochromatic Color Scheme#0E191C#041723#0C6064#16A0A6#22DDEE
- Bermuda Monochromatic Color Scheme#0E191C#0B474A#1B7D8D#2DB0CE#6CC3E0
- Billiard Monochromatic Color Scheme#0E191C#016459#00AF9F#00FFE5#55FFEE
- Bleu Ciel Monochromatic Color Scheme#0E191C#004058#007BA1#00B7EB#37C4FA
- Blue Fjord Monochromatic Color Scheme#0E191C#003344#007290#00AADD#22DDFF
- Blue Ocean Monochromatic Color Scheme#032425#04627A#009DC4#04CDFF#55DDFF
- Blue-Collar Monochromatic Color Scheme#0E191C#002233#005F7A#0099C9#04CDFF
- Celestial Monochromatic Color Scheme#0E191C#003447#007894#00B3E1#22DDFF
Questions
What colors go with After the Storm?
In a monochromatic scheme: Ruined Smores (#0F1012), Ore Bluish Black (#1C3339), Teal Trinket (#4E939D), Glacier (#78B1BF).
What is the hex code of After the Storm?
#33616A.