Gauntlet Grey Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Gauntlet Grey (#78736E), each snapped to its nearest named color.
#78736E
#558F91
#555A90
#604C3D
#85B3B2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Gauntlet Grey | #78736E | 120, 115, 110 | 30°, 4%, 45% | 0, 4, 8, 53 | |
| Bristol Blue | #558F91 | 85, 143, 145 | 182°, 26%, 45% | 41, 1, 0, 43 | |
| Berry Mix | #555A90 | 85, 90, 144 | 235°, 26%, 45% | 41, 37, 0, 44 | |
| Half-Caff | #604C3D | 96, 76, 61 | 26°, 22%, 31% | 0, 21, 36, 62 | |
| Cold Front Green | #85B3B2 | 133, 179, 178 | 179°, 23%, 61% | 26, 0, 1, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #604C3D on #85B3B2 | 3.50:1 | AA large |
| Aa #555A90 on #85B3B2 | 2.80:1 | — |
| Aa #558F91 on #604C3D | 2.20:1 | — |
| Aa #78736E on #85B3B2 | 2.03:1 | — |
| Aa #558F91 on #555A90 | 1.76:1 | — |
| Aa #78736E on #604C3D | 1.72:1 | — |
CSS variables
:root {
--color-1: #78736e; /* Gauntlet Grey */
--color-2: #558f91; /* Bristol Blue */
--color-3: #555a90; /* Berry Mix */
--color-4: #604c3d; /* Half-Caff */
--color-5: #85b3b2; /* Cold Front Green */
}Other schemes from Gauntlet Grey
- Gauntlet Grey Complementary Color Scheme#78736E#B5A18A#577190#394D60#91A7BC
- Gauntlet Grey Analogous Color Scheme#8F5973#905755#78736E#948F54#769358
- Gauntlet Grey Triadic Color Scheme#78736E#5A9274#71588D#BBA791#38614C
- Gauntlet Grey Tetradic Color Scheme#78736E#4F9153#577190#94568C#BBA791
- Gauntlet Grey Monochromatic Color Scheme#2A2725#4F4D48#78736E#9C9895#C3C1BC
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 Gauntlet Grey?
In a split-complementary scheme: Bristol Blue (#558F91), Berry Mix (#555A90), Half-Caff (#604C3D), Cold Front Green (#85B3B2).
What is the hex code of Gauntlet Grey?
#78736E.