Wolf Pack Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Wolf Pack (#78776F), each snapped to its nearest named color.
#78776F
#587C8D
#71588D
#665A38
#849DB4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wolf Pack | #78776F | 120, 119, 111 | 53°, 4%, 45% | 0, 1, 7, 53 | |
| Technical Blue | #587C8D | 88, 124, 141 | 199°, 23%, 45% | 38, 12, 0, 45 | |
| Classic Waltz | #71588D | 113, 88, 141 | 268°, 23%, 45% | 20, 38, 0, 45 | |
| Beach Casuarina | #665A38 | 102, 90, 56 | 44°, 29%, 31% | 0, 12, 45, 60 | |
| Office Blue | #849DB4 | 132, 157, 180 | 209°, 24%, 61% | 27, 13, 0, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #665A38 on #849DB4 | 2.42:1 | — |
| Aa #71588D on #849DB4 | 2.14:1 | — |
| Aa #78776F on #849DB4 | 1.60:1 | — |
| Aa #587C8D on #849DB4 | 1.59:1 | — |
| Aa #587C8D on #665A38 | 1.52:1 | — |
| Aa #78776F on #665A38 | 1.51:1 | — |
CSS variables
:root {
--color-1: #78776f; /* Wolf Pack */
--color-2: #587c8d; /* Technical Blue */
--color-3: #71588d; /* Classic Waltz */
--color-4: #665a38; /* Beach Casuarina */
--color-5: #849db4; /* Office Blue */
}Other schemes from Wolf Pack
- Wolf Pack Complementary Color Scheme#78776F#BCB58A#575B93#3D3D63#9291BC
- Wolf Pack Analogous Color Scheme#92555B#916D56#78776F#769358#558D4F
- Wolf Pack Triadic Color Scheme#78776F#568E88#895B8A#BDB98F#3E645B
- Wolf Pack Tetradic Color Scheme#78776F#548F6F#575B93#8B5776#BDB98F
- Wolf Pack Monochromatic Color Scheme#2A2725#514F4A#78776F#9E9F97#C3C3BD
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 Wolf Pack?
In a split-complementary scheme: Technical Blue (#587C8D), Classic Waltz (#71588D), Beach Casuarina (#665A38), Office Blue (#849DB4).
What is the hex code of Wolf Pack?
#78776F.