Mighty Mauve Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mighty Mauve (#8F7F85), each snapped to its nearest named color.
#8F7F85
#6CA178
#6C9DA9
#75495E
#9FC09C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mighty Mauve | #8F7F85 | 143, 127, 133 | 338°, 7%, 53% | 0, 11, 7, 44 | |
| Growth | #6CA178 | 108, 161, 120 | 134°, 22%, 53% | 33, 0, 25, 37 | |
| Tranquili Teal | #6C9DA9 | 108, 157, 169 | 192°, 26%, 54% | 36, 7, 0, 34 | |
| Bewitching | #75495E | 117, 73, 94 | 331°, 23%, 37% | 0, 38, 20, 54 | |
| Spruce Stone | #9FC09C | 159, 192, 156 | 115°, 22%, 68% | 17, 0, 19, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #75495E on #9FC09C | 3.66:1 | AA large |
| Aa #6C9DA9 on #75495E | 2.45:1 | — |
| Aa #6CA178 on #75495E | 2.44:1 | — |
| Aa #8F7F85 on #75495E | 1.93:1 | — |
| Aa #8F7F85 on #9FC09C | 1.89:1 | — |
| Aa #6CA178 on #9FC09C | 1.50:1 | — |
CSS variables
:root {
--color-1: #8f7f85; /* Mighty Mauve */
--color-2: #6ca178; /* Growth */
--color-3: #6c9da9; /* Tranquili Teal */
--color-4: #75495e; /* Bewitching */
--color-5: #9fc09c; /* Spruce Stone */
}Other schemes from Mighty Mauve
- Mighty Mauve Complementary Color Scheme#8F7F85#C4A1AF#6DA493#49796B#AACCBB
- Mighty Mauve Analogous Color Scheme#926AA6#AC6B98#8F7F85#A66E68#A79069
- Mighty Mauve Triadic Color Scheme#8F7F85#85A16A#7082A4#D1ABB5#5E774A
- Mighty Mauve Tetradic Color Scheme#8F7F85#9FA36C#6DA493#6D69A1#D1ABB5
- Mighty Mauve Monochromatic Color Scheme#3F3939#67585F#8F7F85#B5A9AC#D7D2D2
More Medium Gray split-complementary palettes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Acoustic Brown Split-complementary Color Scheme#766B69#588A79#5A6A8C#5B3D34#7DB39E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
Questions
What colors go with Mighty Mauve?
In a split-complementary scheme: Growth (#6CA178), Tranquili Teal (#6C9DA9), Bewitching (#75495E), Spruce Stone (#9FC09C).
What is the hex code of Mighty Mauve?
#8F7F85.