Dark Wood Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dark Wood (#855E42), each snapped to its nearest named color.
#855E42
#488084
#484A80
#523B2C
#66B6B0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dark Wood | #855E42 | 133, 94, 66 | 25°, 34%, 39% | 0, 29, 50, 48 | |
| Paradiso | #488084 | 72, 128, 132 | 184°, 29%, 40% | 45, 3, 0, 48 | |
| Highlands Twilight | #484A80 | 72, 74, 128 | 238°, 28%, 39% | 44, 42, 0, 50 | |
| Bonanza | #523B2C | 82, 59, 44 | 24°, 30%, 25% | 0, 28, 46, 68 | |
| Veranda Blue | #66B6B0 | 102, 182, 176 | 176°, 35%, 56% | 44, 0, 3, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #523B2C on #66B6B0 | 4.40:1 | AA large |
| Aa #484A80 on #66B6B0 | 3.46:1 | AA large |
| Aa #855E42 on #66B6B0 | 2.42:1 | — |
| Aa #488084 on #523B2C | 2.32:1 | — |
| Aa #488084 on #66B6B0 | 1.89:1 | — |
| Aa #488084 on #484A80 | 1.83:1 | — |
CSS variables
:root {
--color-1: #855e42; /* Dark Wood */
--color-2: #488084; /* Paradiso */
--color-3: #484a80; /* Highlands Twilight */
--color-4: #523b2c; /* Bonanza */
--color-5: #66b6b0; /* Veranda Blue */
}Other schemes from Dark Wood
- Dark Wood Complementary Color Scheme#855E42#B38B6D#416986#274256#729EB9
- Dark Wood Analogous Color Scheme#8C4268#884444#855E42#828344#688C43
- Dark Wood Triadic Color Scheme#855E42#47885E#554488#BB9174#2B553E
- Dark Wood Tetradic Color Scheme#855E42#468741#416986#864480#BB9174
- Dark Wood Monochromatic Color Scheme#1B150D#523B2C#855E42#AC8262#CAAB94
More Dark Orange split-complementary palettes
- Afternoon Coffee Split-complementary Color Scheme#6E544B#477266#445172#43302E#67A195
- Aged Antics Split-complementary Color Scheme#886B2E#327A88#2E2D88#4E3E1F#41A0B4
- Ancient Chest Split-complementary Color Scheme#99522B#2B9890#2D3796#5D341A#55CCBB
- Antique Brass Split-complementary Color Scheme#6C461F#1C6B69#281367#361D0A#27A0A8
- Autumn Gold Split-complementary Color Scheme#7D623C#3C797D#413C7B#463623#55AAAA
- Avocado Stone Split-complementary Color Scheme#4E3E1F#1E454D#231C4D#1C1208#327A88
- Baby Bear Split-complementary Color Scheme#6F5944#456F6E#42426F#413628#65A19F
- Batch Brew Split-complementary Color Scheme#45392F#2A4845#2C2E47#171310#487678
- Bigfoot Split-complementary Color Scheme#715145#477266#445172#43302E#67A195
- Bison Split-complementary Color Scheme#6E4F3A#366D68#3B3B6D#3E2B23#53A391
- Black Power Split-complementary Color Scheme#654B37#3A6364#383867#35281E#4F938F
- Bloodhound Split-complementary Color Scheme#BB5511#13BBAF#0022BB#773311#25E2CD
Questions
What colors go with Dark Wood?
In a split-complementary scheme: Paradiso (#488084), Highlands Twilight (#484A80), Bonanza (#523B2C), Veranda Blue (#66B6B0).
What is the hex code of Dark Wood?
#855E42.