Gotham Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Gotham (#807872), each snapped to its nearest named color.
#807872
#579797
#545E97
#684F3C
#87B8B5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Gotham | #807872 | 128, 120, 114 | 26°, 6%, 47% | 0, 6, 11, 50 | |
| Peaceful Pond | #579797 | 87, 151, 151 | 180°, 27%, 47% | 42, 0, 0, 41 | |
| Royal Marquis | #545E97 | 84, 94, 151 | 231°, 29%, 46% | 44, 38, 0, 41 | |
| Tobacco | #684F3C | 104, 79, 60 | 26°, 27%, 32% | 0, 24, 42, 59 | |
| Vintage Blue | #87B8B5 | 135, 184, 181 | 176°, 26%, 63% | 27, 0, 2, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #684F3C on #87B8B5 | 3.45:1 | AA large |
| Aa #545E97 on #87B8B5 | 2.79:1 | — |
| Aa #579797 on #684F3C | 2.26:1 | — |
| Aa #807872 on #87B8B5 | 1.97:1 | — |
| Aa #579797 on #545E97 | 1.83:1 | — |
| Aa #807872 on #684F3C | 1.75:1 | — |
CSS variables
:root {
--color-1: #807872; /* Gotham */
--color-2: #579797; /* Peaceful Pond */
--color-3: #545e97; /* Royal Marquis */
--color-4: #684f3c; /* Tobacco */
--color-5: #87b8b5; /* Vintage Blue */
}Other schemes from Gotham
- Gotham Complementary Color Scheme#807872#BAA391#5B7E98#3F5865#96AEC5
- Gotham Analogous Color Scheme#945B7F#905D5F#807872#95945C#78945A
- Gotham Triadic Color Scheme#807872#5A9274#7B5D92#C3A998#3E644F
- Gotham Tetradic Color Scheme#807872#5C9F59#5B7E98#8B5E8F#C3A998
- Gotham Monochromatic Color Scheme#322C2B#57534C#807872#A69F9A#C8C4C2
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 Gotham?
In a split-complementary scheme: Peaceful Pond (#579797), Royal Marquis (#545E97), Tobacco (#684F3C), Vintage Blue (#87B8B5).
What is the hex code of Gotham?
#807872.