Ashen Whisper Tetradic Color Scheme
Five colors arranged by the tetradic rule around Ashen Whisper (#646B7A), each snapped to its nearest named color.
#646B7A
#905284
#8B7753
#578758
#8B9AB9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ashen Whisper | #646B7A | 100, 107, 122 | 221°, 10%, 44% | 18, 12, 0, 52 | |
| Grape Candy | #905284 | 144, 82, 132 | 312°, 27%, 44% | 0, 43, 8, 44 | |
| Burlap | #8B7753 | 139, 119, 83 | 39°, 25%, 44% | 0, 14, 40, 45 | |
| Emerald Ring | #578758 | 87, 135, 88 | 121°, 22%, 44% | 36, 0, 35, 47 | |
| Periwinkle Blossom | #8B9AB9 | 139, 154, 185 | 220°, 25%, 64% | 25, 17, 0, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #905284 on #8B9AB9 | 1.99:1 | — |
| Aa #646B7A on #8B9AB9 | 1.89:1 | — |
| Aa #8B7753 on #8B9AB9 | 1.53:1 | — |
| Aa #578758 on #8B9AB9 | 1.48:1 | — |
| Aa #905284 on #578758 | 1.35:1 | — |
| Aa #905284 on #8B7753 | 1.30:1 | — |
CSS variables
:root {
--color-1: #646b7a; /* Ashen Whisper */
--color-2: #905284; /* Grape Candy */
--color-3: #8b7753; /* Burlap */
--color-4: #578758; /* Emerald Ring */
--color-5: #8b9ab9; /* Periwinkle Blossom */
}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 Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
- Ashen Whisper Monochromatic Color Scheme#1F262A#424753#646B7A#8D90A1#B1BAC2
More Medium Gray tetradic palettes
- Abandoned Spaceship Tetradic Color Scheme#747A8A#9D5A8F#9B8A5F#599F68#9EA5C3
- Acoustic Brown Tetradic Color Scheme#766B69#649050#50818B#75528B#B69289
- Alley Cat Tetradic Color Scheme#656874#835177#847E54#558961#8E90B4
- Aloe Tip Tetradic Color Scheme#8A9480#6BA5A9#8A6FA9#A36A6D#BDD0AB
- Aluminium Tetradic Color Scheme#848789#9C6DA5#A88168#72A86A#AABCCB
- Amorous Tetradic Color Scheme#967D96#A98A6B#72A86A#6A8AA4#D1ACCE
- Anchovy Tetradic Color Scheme#756F6B#558D4F#53778F#85598A#BA9E88
- Archaeology Tetradic Color Scheme#6E6A5E#498555#485783#824E78#B0A582
- Argent Tetradic Color Scheme#888888#87A96B#6BA5A9#876FA3#CBACAB
- Armour Tetradic Color Scheme#74857F#665D9E#9D5C75#8F9B5B#9BC2B4
- Armoury Tetradic Color Scheme#6A6B65#50846E#5C5083#80505D#ABB486
- Bank Vault Tetradic Color Scheme#757374#948F54#5A9274#555A90#BB8DA8
Questions
What colors go with Ashen Whisper?
In a tetradic scheme: Grape Candy (#905284), Burlap (#8B7753), Emerald Ring (#578758), Periwinkle Blossom (#8B9AB9).
What is the hex code of Ashen Whisper?
#646B7A.