Grey Area Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Grey Area (#8F9394), each snapped to its nearest named color.
#8F9394
#AA7982
#AF9C76
#547D86
#C9A7AC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Grey Area | #8F9394 | 143, 147, 148 | 192°, 2%, 57% | 3, 1, 0, 42 | |
| Mauve Madness | #AA7982 | 170, 121, 130 | 349°, 22%, 57% | 0, 29, 24, 33 | |
| Expedition | #AF9C76 | 175, 156, 118 | 40°, 26%, 57% | 0, 11, 33, 31 | |
| Holbein Blue Grey | #547D86 | 84, 125, 134 | 191°, 23%, 43% | 37, 7, 0, 47 | |
| Dutchess Dawn | #C9A7AC | 201, 167, 172 | 351°, 24%, 72% | 0, 17, 14, 21 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #547D86 on #C9A7AC | 2.06:1 | — |
| Aa #AF9C76 on #547D86 | 1.68:1 | — |
| Aa #AA7982 on #C9A7AC | 1.67:1 | — |
| Aa #8F9394 on #547D86 | 1.45:1 | — |
| Aa #8F9394 on #C9A7AC | 1.42:1 | — |
| Aa #AA7982 on #AF9C76 | 1.36:1 | — |
CSS variables
:root {
--color-1: #8f9394; /* Grey Area */
--color-2: #aa7982; /* Mauve Madness */
--color-3: #af9c76; /* Expedition */
--color-4: #547d86; /* Holbein Blue Grey */
--color-5: #c9a7ac; /* Dutchess Dawn */
}Other schemes from Grey Area
- Grey Area Complementary Color Scheme#8F9394#B0C8D0#AD8177#885C4E#D4BBB6
- Grey Area Analogous Color Scheme#76AD83#71AF98#8F9394#7988AB#8278AD
- Grey Area Triadic Color Scheme#8F9394#AC74A4#A4AE77#B5CED4#834D7C
- Grey Area Tetradic Color Scheme#8F9394#9D7AAC#AD8177#87AE73#B5CED4
- Grey Area Monochromatic Color Scheme#444647#6A6D6D#8F9394#B7BAB9#DEDEDE
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 Grey Area?
In a split-complementary scheme: Mauve Madness (#AA7982), Expedition (#AF9C76), Holbein Blue Grey (#547D86), Dutchess Dawn (#C9A7AC).
What is the hex code of Grey Area?
#8F9394.