Ashen Whisper Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ashen Whisper (#646B7A), each snapped to its nearest named color.
#646B7A
#8B5E52
#868B53
#3A405A
#B18377
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ashen Whisper | #646B7A | 100, 107, 122 | 221°, 10%, 44% | 18, 12, 0, 52 | |
| Red Curry | #8B5E52 | 139, 94, 82 | 13°, 26%, 43% | 0, 32, 41, 45 | |
| Special Ops | #868B53 | 134, 139, 83 | 65°, 25%, 44% | 4, 0, 40, 45 | |
| Victory Blue | #3A405A | 58, 64, 90 | 229°, 22%, 29% | 36, 29, 0, 65 | |
| Dusty Duchess | #B18377 | 177, 131, 119 | 12°, 27%, 58% | 0, 26, 33, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3A405A on #B18377 | 3.10:1 | AA large |
| Aa #868B53 on #3A405A | 2.83:1 | — |
| Aa #646B7A on #3A405A | 1.90:1 | — |
| Aa #8B5E52 on #3A405A | 1.85:1 | — |
| Aa #8B5E52 on #B18377 | 1.67:1 | — |
| Aa #646B7A on #B18377 | 1.63:1 | — |
CSS variables
:root {
--color-1: #646b7a; /* Ashen Whisper */
--color-2: #8b5e52; /* Red Curry */
--color-3: #868b53; /* Special Ops */
--color-4: #3a405a; /* Victory Blue */
--color-5: #b18377; /* Dusty Duchess */
}Other schemes from Ashen Whisper
- Ashen Whisper Complementary Color Scheme#646B7A#8092BC#8B7753#5D4F39#B8A88A
- Ashen Whisper Analogous Color Scheme#588A79#50818B#646B7A#5E548D#75528B
- Ashen Whisper Triadic Color Scheme#646B7A#8E5565#649050#8B9AB9#5A3844
- Ashen Whisper Tetradic Color Scheme#646B7A#905284#8B7753#578758#8B9AB9
- Ashen Whisper Monochromatic Color Scheme#1F262A#424753#646B7A#8D90A1#B1BAC2
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
- Bank Vault Split-complementary Color Scheme#757374#4F9153#558F91#60394D#82B185
Questions
What colors go with Ashen Whisper?
In a split-complementary scheme: Red Curry (#8B5E52), Special Ops (#868B53), Victory Blue (#3A405A), Dusty Duchess (#B18377).
What is the hex code of Ashen Whisper?
#646B7A.