Grey Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Grey (#808080), each snapped to its nearest named color.
#808080
#64A281
#6081A2
#704341
#8EBAA6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Grey | #808080 | 128, 128, 128 | 0°, 0%, 50% | 0, 0, 0, 50 | |
| Plumosa | #64A281 | 100, 162, 129 | 148°, 25%, 51% | 38, 0, 20, 36 | |
| Bluestone Path | #6081A2 | 96, 129, 162 | 210°, 26%, 51% | 41, 20, 0, 36 | |
| Roast Coffee | #704341 | 112, 67, 65 | 3°, 27%, 35% | 0, 40, 42, 56 | |
| Lichen | #8EBAA6 | 142, 186, 166 | 153°, 24%, 64% | 24, 0, 11, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #704341 on #8EBAA6 | 3.79:1 | AA large |
| Aa #64A281 on #704341 | 2.74:1 | — |
| Aa #808080 on #704341 | 2.07:1 | — |
| Aa #6081A2 on #704341 | 2.01:1 | — |
| Aa #6081A2 on #8EBAA6 | 1.88:1 | — |
| Aa #808080 on #8EBAA6 | 1.83:1 | — |
CSS variables
:root {
--color-1: #808080; /* Grey */
--color-2: #64a281; /* Plumosa */
--color-3: #6081a2; /* Bluestone Path */
--color-4: #704341; /* Roast Coffee */
--color-5: #8ebaa6; /* Lichen */
}Other schemes from Grey
- Grey Complementary Color Scheme#808080#C4989E#60A0A3#456F6E#A4C7C8
- Grey Analogous Color Scheme#A063A1#A16381#808080#A18162#A0A160
- Grey Triadic Color Scheme#808080#73A263#6264A6#C6A4A4#476E42
- Grey Tetradic Color Scheme#808080#89A068#60A0A3#9264A2#C6A4A4
- Grey Monochromatic Color Scheme#343434#5B5B59#808080#A6A6A6#CDCDCD
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 Grey?
In a split-complementary scheme: Plumosa (#64A281), Bluestone Path (#6081A2), Roast Coffee (#704341), Lichen (#8EBAA6).
What is the hex code of Grey?
#808080.