Haunt Mist Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Haunt Mist (#5F6D91), each snapped to its nearest named color.
#5F6D91
#93685A
#849457
#3E4967
#B69289
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Haunt Mist | #5F6D91 | 95, 109, 145 | 223°, 21%, 47% | 34, 25, 0, 43 | |
| Italian Mocha | #93685A | 147, 104, 90 | 15°, 24%, 46% | 0, 29, 39, 42 | |
| Pretty Maiden | #849457 | 132, 148, 87 | 76°, 26%, 46% | 11, 0, 41, 42 | |
| Royal Wave | #3E4967 | 62, 73, 103 | 224°, 25%, 32% | 40, 29, 0, 60 | |
| Mauve Blush | #B69289 | 182, 146, 137 | 12°, 24%, 63% | 0, 20, 25, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3E4967 on #B69289 | 3.17:1 | AA large |
| Aa #849457 on #3E4967 | 2.70:1 | — |
| Aa #93685A on #3E4967 | 1.86:1 | — |
| Aa #5F6D91 on #B69289 | 1.83:1 | — |
| Aa #5F6D91 on #3E4967 | 1.73:1 | — |
| Aa #93685A on #B69289 | 1.71:1 | — |
CSS variables
:root {
--color-1: #5f6d91; /* Haunt Mist */
--color-2: #93685a; /* Italian Mocha */
--color-3: #849457; /* Pretty Maiden */
--color-4: #3e4967; /* Royal Wave */
--color-5: #b69289; /* Mauve Blush */
}Other schemes from Haunt Mist
- Haunt Mist Complementary Color Scheme#5F6D91#909FBA#928459#685E3F#C3B497
- Haunt Mist Analogous Color Scheme#5A9589#5C899B#5F6D91#6C5D97#835995
- Haunt Mist Triadic Color Scheme#5F6D91#92576F#69905B#93A3C1#653C4A
- Haunt Mist Tetradic Color Scheme#5F6D91#915D88#928459#5B976A#93A3C1
- Haunt Mist Monochromatic Color Scheme#242933#414D62#5F6D91#8C99B3#B8BFD2
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 Haunt Mist?
In a split-complementary scheme: Italian Mocha (#93685A), Pretty Maiden (#849457), Royal Wave (#3E4967), Mauve Blush (#B69289).
What is the hex code of Haunt Mist?
#5F6D91.