Weathered Wood Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Weathered Wood (#B19C86), each snapped to its nearest named color.
#B19C86
#85B3B2
#8881B0
#927558
#B0D3D1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Weathered Wood | #B19C86 | 177, 156, 134 | 31°, 22%, 61% | 0, 12, 24, 31 | 70.5% 0.040 68 | |
| Cold Front Green | #85B3B2 | 133, 179, 178 | 179°, 23%, 61% | 26, 0, 1, 30 | 73.4% 0.049 194 | |
| Aster Purple | #8881B0 | 136, 129, 176 | 249°, 23%, 60% | 23, 27, 0, 31 | 62.7% 0.070 291 | |
| Warm Earth | #927558 | 146, 117, 88 | 30°, 25%, 46% | 0, 20, 40, 43 | 58.3% 0.055 66 | |
| Icy Morn | #B0D3D1 | 176, 211, 209 | 177°, 28%, 76% | 17, 0, 1, 17 | 84.1% 0.037 192 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #927558 on #B0D3D1 | 2.67:1 | — |
| Aa #8881B0 on #B0D3D1 | 2.25:1 | — |
| Aa #85B3B2 on #927558 | 1.85:1 | — |
| Aa #B19C86 on #B0D3D1 | 1.64:1 | — |
| Aa #B19C86 on #927558 | 1.62:1 | — |
| Aa #85B3B2 on #8881B0 | 1.56:1 | — |
CSS variables
:root {
--color-1: #b19c86; /* Weathered Wood */
--color-2: #85b3b2; /* Cold Front Green */
--color-3: #8881b0; /* Aster Purple */
--color-4: #927558; /* Warm Earth */
--color-5: #b0d3d1; /* Icy Morn */
}Other schemes from Weathered Wood
- Weathered Wood Complementary Color Scheme#B19C86#D5C9BC#849DB4#597695#C1CEDA
- Weathered Wood Analogous Color Scheme#B18398#B38380#B19C86#B4B780#9DB682
- Weathered Wood Triadic Color Scheme#B19C86#81B39C#9F86B7#D9D0C2#5A9274
- Weathered Wood Tetradic Color Scheme#B19C86#82B185#849DB4#B085B7#D9D0C2
- Weathered Wood Monochromatic Color Scheme#61513D#8F755B#B19C86#D0C2B4#EDE9E4
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 Weathered Wood?
In a split-complementary scheme: Cold Front Green (#85B3B2), Aster Purple (#8881B0), Warm Earth (#927558), Icy Morn (#B0D3D1).
What is the hex code of Weathered Wood?
#B19C86.