Trail Dust Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Trail Dust (#D0C4AC), each snapped to its nearest named color.
#D0C4AC
#B0C8D0
#B4AECC
#B4A07A
#DDE8ED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Trail Dust | #D0C4AC | 208, 196, 172 | 40°, 28%, 75% | 0, 6, 17, 18 | 82.4% 0.035 85 | |
| Gentle Sea | #B0C8D0 | 176, 200, 208 | 195°, 25%, 75% | 15, 4, 0, 18 | 81.7% 0.028 220 | |
| Lavender Dream | #B4AECC | 180, 174, 204 | 252°, 23%, 74% | 12, 15, 0, 20 | 76.6% 0.043 295 | |
| Paper Sack | #B4A07A | 180, 160, 122 | 39°, 28%, 59% | 0, 11, 32, 29 | 71.4% 0.057 83 | |
| Moby Dick | #DDE8ED | 221, 232, 237 | 199°, 31%, 90% | 7, 2, 0, 7 | 92.4% 0.014 227 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B4A07A on #DDE8ED | 2.04:1 | — |
| Aa #B4AECC on #DDE8ED | 1.71:1 | — |
| Aa #D0C4AC on #B4A07A | 1.48:1 | — |
| Aa #B0C8D0 on #B4A07A | 1.46:1 | — |
| Aa #B0C8D0 on #DDE8ED | 1.40:1 | — |
| Aa #D0C4AC on #DDE8ED | 1.38:1 | — |
CSS variables
:root {
--color-1: #d0c4ac; /* Trail Dust */
--color-2: #b0c8d0; /* Gentle Sea */
--color-3: #b4aecc; /* Lavender Dream */
--color-4: #b4a07a; /* Paper Sack */
--color-5: #dde8ed; /* Moby Dick */
}Other schemes from Trail Dust
- Trail Dust Complementary Color Scheme#D0C4AC#F1EEE8#AEBBD0#7B8EB0#EBF1F5
- Trail Dust Analogous Color Scheme#D1ABB5#CDB3AC#D0C4AC#C6CFAD#BDD0AB
- Trail Dust Triadic Color Scheme#D0C4AC#AFD1C4#C5ACD0#F4F2EC#7FB6A4
- Trail Dust Tetradic Color Scheme#D0C4AC#ADD0B3#AEBBD0#D1ACCE#F4F2EC
- Trail Dust Monochromatic Color Scheme#917B53#B4A07A#D0C4AC#ECE7DD#F6F4EF
More light orange split-complementary color schemes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Trail Dust?
In a split-complementary scheme: Gentle Sea (#B0C8D0), Lavender Dream (#B4AECC), Paper Sack (#B4A07A), Moby Dick (#DDE8ED).
What is the hex code of Trail Dust?
#D0C4AC.