Silver Surfer Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Silver Surfer (#7E7D88), each snapped to its nearest named color.
#7E7D88
#A28761
#73A263
#4B4775
#BEAF93
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Silver Surfer | #7E7D88 | 126, 125, 136 | 245°, 4%, 51% | 7, 8, 0, 47 | 59.4% 0.017 290 | |
| Mother Lode | #A28761 | 162, 135, 97 | 35°, 26%, 51% | 0, 17, 40, 36 | 63.9% 0.062 76 | |
| Bulbasaur | #73A263 | 115, 162, 99 | 105°, 25%, 51% | 29, 0, 39, 36 | 66.3% 0.103 138 | |
| Dramatist | #4B4775 | 75, 71, 117 | 245°, 24%, 37% | 36, 39, 0, 54 | 42.3% 0.075 287 | |
| Mocha Cake | #BEAF93 | 190, 175, 147 | 39°, 25%, 66% | 0, 8, 23, 25 | 75.9% 0.042 83 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4B4775 on #BEAF93 | 3.96:1 | AA large |
| Aa #73A263 on #4B4775 | 2.88:1 | — |
| Aa #A28761 on #4B4775 | 2.51:1 | — |
| Aa #7E7D88 on #4B4775 | 2.11:1 | — |
| Aa #7E7D88 on #BEAF93 | 1.88:1 | — |
| Aa #A28761 on #BEAF93 | 1.58:1 | — |
CSS variables
:root {
--color-1: #7e7d88; /* Silver Surfer */
--color-2: #a28761; /* Mother Lode */
--color-3: #73a263; /* Bulbasaur */
--color-4: #4b4775; /* Dramatist */
--color-5: #beaf93; /* Mocha Cake */
}Other schemes from Silver Surfer
- Silver Surfer Complementary Color Scheme#7E7D88#A09EC6#9CA664#6D7244#C4C7A5
- Silver Surfer Analogous Color Scheme#629DA6#617BA6#7E7D88#9264A2#A46A95
- Silver Surfer Triadic Color Scheme#7E7D88#A46960#72A86A#A6A8C5#734A45
- Silver Surfer Tetradic Color Scheme#7E7D88#A5647E#9CA664#64A281#A6A8C5
- Silver Surfer Monochromatic Color Scheme#333438#585960#7E7D88#A3A5AA#CDCCD0
More medium gray split-complementary color schemes
- 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 Silver Surfer?
In a split-complementary scheme: Mother Lode (#A28761), Bulbasaur (#73A263), Dramatist (#4B4775), Mocha Cake (#BEAF93).
What is the hex code of Silver Surfer?
#7E7D88.