Dust Storm Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dust Storm (#E7D3B7), each snapped to its nearest named color.
#E7D3B7
#B9E5E8
#BCBDE4
#D3B17D
#EEF7FA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dust Storm | #E7D3B7 | 231, 211, 183 | 35°, 50%, 81% | 0, 9, 21, 9 | |
| Soaring Sky | #B9E5E8 | 185, 229, 232 | 184°, 51%, 82% | 20, 1, 0, 9 | |
| Pretty Posie | #BCBDE4 | 188, 189, 228 | 239°, 43%, 82% | 18, 17, 0, 11 | |
| Steamed Chestnut | #D3B17D | 211, 177, 125 | 36°, 49%, 66% | 0, 16, 41, 17 | |
| Silent Snowfall | #EEF7FA | 238, 247, 250 | 195°, 55%, 96% | 5, 1, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D3B17D on #EEF7FA | 1.87:1 | — |
| Aa #BCBDE4 on #EEF7FA | 1.67:1 | — |
| Aa #B9E5E8 on #D3B17D | 1.49:1 | — |
| Aa #E7D3B7 on #D3B17D | 1.39:1 | — |
| Aa #E7D3B7 on #EEF7FA | 1.34:1 | — |
| Aa #B9E5E8 on #BCBDE4 | 1.34:1 | — |
CSS variables
:root {
--color-1: #e7d3b7; /* Dust Storm */
--color-2: #b9e5e8; /* Soaring Sky */
--color-3: #bcbde4; /* Pretty Posie */
--color-4: #d3b17d; /* Steamed Chestnut */
--color-5: #eef7fa; /* Silent Snowfall */
}Other schemes from Dust Storm
- Dust Storm Complementary Color Scheme#E7D3B7#F8F4ED#B8CBE5#7EA3D2#EDF2F8
- Dust Storm Analogous Color Scheme#E8B5CE#E7BCB4#E7D3B7#E5E9B7#CDE8B6
- Dust Storm Triadic Color Scheme#E7D3B7#B6E5D6#D6B7E2#F8F4ED#7AD7AD
- Dust Storm Tetradic Color Scheme#E7D3B7#BBE6BB#B8CBE5#F1BFE2#F8F4ED
- Dust Storm Monochromatic Color Scheme#C08F45#D3B17D#E7D3B7#F8F4ED#F8F4ED
More Very Light Orange split-complementary palettes
- A Smell of Bakery Split-complementary Color Scheme#F3E9D9#D8F1F4#D9D9F3#E2C59C#EEF7FA
- Acropolis Split-complementary Color Scheme#F8E2CA#CBF4F8#CCCCFF#F2BD85#EBFCFC
- Air-Kiss Split-complementary Color Scheme#F6DCD2#CFF7EF#D2D8F4#E9AA91#EBFCF5
- Albescent Split-complementary Color Scheme#E1DACB#CBDEE2#CECAE1#C2B79A#F0F4F8
- Almond Split-complementary Color Scheme#EDDCC8#C6EAEC#CEC8EF#D8B98C#EEF7FA
- Almond Brittle Split-complementary Color Scheme#E5D3B9#BBE1E6#BCBDE4#D0B082#ECF7F7
- Alpaca Split-complementary Color Scheme#F9EDE2#E0F6FB#E5E5FA#EEC7A2#EBFCFC
- Ancient Scroll Split-complementary Color Scheme#F0E4D1#D1EDEF#D7D1E9#DAC395#EEF7FA
- Angel Wing Split-complementary Color Scheme#F3DFD7#D7F2ED#D2DEF2#E4B197#E9F9F5
- Angelic White Split-complementary Color Scheme#F4EDE4#E6F1F1#E6E6F1#DCC9AE#ECF7F7
- Apricot Freeze Split-complementary Color Scheme#F3CFB7#BBEEEE#B8B8F8#E8A773#E7FAFA
- Apricot Sherbet Split-complementary Color Scheme#FBCD9F#9CFAFF#9999FF#F7A454#E7FEFF
Questions
What colors go with Dust Storm?
In a split-complementary scheme: Soaring Sky (#B9E5E8), Pretty Posie (#BCBDE4), Steamed Chestnut (#D3B17D), Silent Snowfall (#EEF7FA).
What is the hex code of Dust Storm?
#E7D3B7.