Jumbo Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Jumbo (#878785), each snapped to its nearest named color.
#878785
#6586A5
#876FA3
#777648
#96AEC5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Jumbo | #878785 | 135, 135, 133 | 60°, 1%, 53% | 0, 0, 1, 47 | |
| Moody Indigo | #6586A5 | 101, 134, 165 | 209°, 26%, 52% | 39, 19, 0, 35 | |
| Babiana | #876FA3 | 135, 111, 163 | 268°, 22%, 54% | 17, 32, 0, 36 | |
| Gunmetal Green | #777648 | 119, 118, 72 | 59°, 25%, 37% | 0, 1, 39, 53 | |
| Nordland Light Blue | #96AEC5 | 150, 174, 197 | 209°, 29%, 68% | 24, 12, 0, 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #777648 on #96AEC5 | 2.05:1 | — |
| Aa #876FA3 on #96AEC5 | 1.89:1 | — |
| Aa #6586A5 on #96AEC5 | 1.66:1 | — |
| Aa #878785 on #96AEC5 | 1.57:1 | — |
| Aa #878785 on #777648 | 1.31:1 | — |
| Aa #6586A5 on #777648 | 1.23:1 | — |
CSS variables
:root {
--color-1: #878785; /* Jumbo */
--color-2: #6586a5; /* Moody Indigo */
--color-3: #876fa3; /* Babiana */
--color-4: #777648; /* Gunmetal Green */
--color-5: #96aec5; /* Nordland Light Blue */
}Other schemes from Jumbo
- Jumbo Complementary Color Scheme#878785#C7C7A1#6D69A1#4C4976#ACA7CB
- Jumbo Analogous Color Scheme#A26766#A3876A#878785#85A16A#72A86A
- Jumbo Triadic Color Scheme#878785#6BA5A9#A767A2#CCCAA8#487678
- Jumbo Tetradic Color Scheme#878785#67A181#6D69A1#AA6988#CCCAA8
- Jumbo Monochromatic Color Scheme#3B3A3A#60605E#878785#ADADAD#D3D3D2
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 Jumbo?
In a split-complementary scheme: Moody Indigo (#6586A5), Babiana (#876FA3), Gunmetal Green (#777648), Nordland Light Blue (#96AEC5).
What is the hex code of Jumbo?
#878785.