Made in the Shade Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Made in the Shade (#6B717A), each snapped to its nearest named color.
#6B717A
#8C5E55
#898E58
#3D475E
#B3837F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Made in the Shade | #6B717A | 107, 113, 122 | 216°, 7%, 45% | 12, 7, 0, 52 | |
| Bold Brick | #8C5E55 | 140, 94, 85 | 10°, 24%, 44% | 0, 33, 39, 45 | |
| Crocodile Smile | #898E58 | 137, 142, 88 | 66°, 23%, 45% | 4, 0, 38, 44 | |
| Anthracite Blue | #3D475E | 61, 71, 94 | 222°, 21%, 30% | 35, 24, 0, 63 | |
| Desert Red | #B3837F | 179, 131, 127 | 5°, 25%, 60% | 0, 27, 29, 30 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3D475E on #B3837F | 2.86:1 | — |
| Aa #898E58 on #3D475E | 2.69:1 | — |
| Aa #6B717A on #3D475E | 1.89:1 | — |
| Aa #8C5E55 on #3D475E | 1.70:1 | — |
| Aa #8C5E55 on #B3837F | 1.68:1 | — |
| Aa #8C5E55 on #898E58 | 1.58:1 | — |
CSS variables
:root {
--color-1: #6b717a; /* Made in the Shade */
--color-2: #8c5e55; /* Bold Brick */
--color-3: #898e58; /* Crocodile Smile */
--color-4: #3d475e; /* Anthracite Blue */
--color-5: #b3837f; /* Desert Red */
}Other schemes from Made in the Shade
- Made in the Shade Complementary Color Scheme#6B717A#899BB8#917A56#5D4F39#BBA990
- Made in the Shade Analogous Color Scheme#598C74#598A8F#6B717A#5E548D#71588D
- Made in the Shade Triadic Color Scheme#6B717A#8D576D#69905B#92A2BB#5D3A47
- Made in the Shade Tetradic Color Scheme#6B717A#94568C#917A56#4D8C57#92A2BB
- Made in the Shade Monochromatic Color Scheme#222429#484C51#6B717A#91979F#BBBFC3
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 Made in the Shade?
In a split-complementary scheme: Bold Brick (#8C5E55), Crocodile Smile (#898E58), Anthracite Blue (#3D475E), Desert Red (#B3837F).
What is the hex code of Made in the Shade?
#6B717A.