Whale Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Whale (#7C8181), each snapped to its nearest named color.
#7C8181
#945B7F
#9E7C5E
#456F6E
#BB8DA8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Whale | #7C8181 | 124, 129, 129 | 180°, 2%, 50% | 4, 0, 0, 49 | |
| Immortality | #945B7F | 148, 91, 127 | 322°, 24%, 47% | 0, 39, 14, 42 | |
| Sandpit | #9E7C5E | 158, 124, 94 | 28°, 25%, 49% | 0, 22, 41, 38 | |
| Farrago | #456F6E | 69, 111, 110 | 179°, 23%, 35% | 38, 0, 1, 56 | |
| Elite Pink | #BB8DA8 | 187, 141, 168 | 325°, 25%, 64% | 0, 25, 10, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #456F6E on #BB8DA8 | 2.00:1 | — |
| Aa #945B7F on #BB8DA8 | 1.84:1 | — |
| Aa #9E7C5E on #456F6E | 1.47:1 | — |
| Aa #7C8181 on #456F6E | 1.42:1 | — |
| Aa #7C8181 on #BB8DA8 | 1.41:1 | — |
| Aa #9E7C5E on #BB8DA8 | 1.36:1 | — |
CSS variables
:root {
--color-1: #7c8181; /* Whale */
--color-2: #945b7f; /* Immortality */
--color-3: #9e7c5e; /* Sandpit */
--color-4: #456f6e; /* Farrago */
--color-5: #bb8da8; /* Elite Pink */
}Other schemes from Whale
- Whale Complementary Color Scheme#7C8181#9BC4C4#9B5B55#704241#C79D9B
- Whale Analogous Color Scheme#5C9F59#5E9D7B#7C8181#5D7F9D#5E5896
- Whale Triadic Color Scheme#7C8181#9F5F9F#9A9959#9EC6C6#724770
- Whale Tetradic Color Scheme#7C8181#7B5D92#9B5B55#7F9E5B#9EC6C6
- Whale Monochromatic Color Scheme#333333#555B59#7C8181#A1A6A9#CACCCB
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 Whale?
In a split-complementary scheme: Immortality (#945B7F), Sandpit (#9E7C5E), Farrago (#456F6E), Elite Pink (#BB8DA8).
What is the hex code of Whale?
#7C8181.