Stormy Horizon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Stormy Horizon (#777799), each snapped to its nearest named color.
#777799
#A4896A
#87A96B
#4C4976
#C2AC9B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Stormy Horizon | #777799 | 119, 119, 153 | 240°, 14%, 53% | 22, 22, 0, 40 | |
| Cortez Chocolate | #A4896A | 164, 137, 106 | 32°, 24%, 53% | 0, 16, 35, 36 | |
| Peeled Asparagus | #87A96B | 135, 169, 107 | 93°, 26%, 54% | 20, 0, 37, 34 | |
| Purple Pool | #4C4976 | 76, 73, 118 | 244°, 24%, 37% | 36, 38, 0, 54 | |
| Fall Mood | #C2AC9B | 194, 172, 155 | 26°, 24%, 68% | 0, 11, 20, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4C4976 on #C2AC9B | 3.83:1 | AA large |
| Aa #87A96B on #4C4976 | 3.14:1 | AA large |
| Aa #A4896A on #4C4976 | 2.52:1 | — |
| Aa #777799 on #C2AC9B | 1.98:1 | — |
| Aa #777799 on #4C4976 | 1.94:1 | — |
| Aa #777799 on #87A96B | 1.62:1 | — |
CSS variables
:root {
--color-1: #777799; /* Stormy Horizon */
--color-2: #a4896a; /* Cortez Chocolate */
--color-3: #87a96b; /* Peeled Asparagus */
--color-4: #4c4976; /* Purple Pool */
--color-5: #c2ac9b; /* Fall Mood */
}Other schemes from Stormy Horizon
- Stormy Horizon Complementary Color Scheme#777799#A3A7CC#A6A865#767A49#CCCAA8
- Stormy Horizon Analogous Color Scheme#6BA5A9#6A8AA4#777799#876FA3#A767A2
- Stormy Horizon Triadic Color Scheme#777799#A36A6D#72A86A#ACA8CD#784848
- Stormy Horizon Tetradic Color Scheme#777799#AA6988#A6A865#70A38D#ACA8CD
- Stormy Horizon Monochromatic Color Scheme#333344#555470#777799#A0A4BC#CFCEDC
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 Stormy Horizon?
In a split-complementary scheme: Cortez Chocolate (#A4896A), Peeled Asparagus (#87A96B), Purple Pool (#4C4976), Fall Mood (#C2AC9B).
What is the hex code of Stormy Horizon?
#777799.