Concord Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Concord (#827F79), each snapped to its nearest named color.
#827F79
#5B9099
#665D9E
#6E5F45
#91B2BC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Concord | #827F79 | 130, 127, 121 | 40°, 4%, 49% | 0, 2, 7, 49 | |
| Cabana Blue | #5B9099 | 91, 144, 153 | 189°, 25%, 48% | 41, 6, 0, 40 | |
| Giant Onion | #665D9E | 102, 93, 158 | 248°, 26%, 49% | 35, 41, 0, 38 | |
| Prairie Foliage | #6E5F45 | 110, 95, 69 | 38°, 23%, 35% | 0, 14, 37, 57 | |
| Lucy Blue | #91B2BC | 145, 178, 188 | 194°, 24%, 65% | 23, 5, 0, 26 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6E5F45 on #91B2BC | 2.75:1 | — |
| Aa #665D9E on #91B2BC | 2.57:1 | — |
| Aa #827F79 on #91B2BC | 1.77:1 | — |
| Aa #5B9099 on #6E5F45 | 1.74:1 | — |
| Aa #5B9099 on #665D9E | 1.63:1 | — |
| Aa #5B9099 on #91B2BC | 1.58:1 | — |
CSS variables
:root {
--color-1: #827f79; /* Concord */
--color-2: #5b9099; /* Cabana Blue */
--color-3: #665d9e; /* Giant Onion */
--color-4: #6e5f45; /* Prairie Foliage */
--color-5: #91b2bc; /* Lucy Blue */
}Other schemes from Concord
- Concord Complementary Color Scheme#827F79#C2B197#5A6E9C#404D6A#9CADC7
- Concord Analogous Color Scheme#9D5C75#9C675F#827F79#8F9B5B#6A9D5D
- Concord Triadic Color Scheme#827F79#5E9B8A#875F9A#C2B79E#416858
- Concord Tetradic Color Scheme#827F79#599F68#5A6E9C#9D5A8F#C2B79E
- Concord Monochromatic Color Scheme#313330#5C5954#827F79#A6A5A0#CBCCC9
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 Concord?
In a split-complementary scheme: Cabana Blue (#5B9099), Giant Onion (#665D9E), Prairie Foliage (#6E5F45), Lucy Blue (#91B2BC).
What is the hex code of Concord?
#827F79.