Burly Wood Complementary Color Scheme
Five colors arranged by the complementary rule around Burly Wood (#DEB887), each snapped to its nearest named color.
#DEB887
#F0E2CF
#84ADDB
#4A87CB
#D6E5F0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Burly Wood | #DEB887 | 222, 184, 135 | 34°, 57%, 70% | 0, 17, 39, 13 | 80.5% 0.078 73 | |
| Coconut Cream Pie | #F0E2CF | 240, 226, 207 | 35°, 52%, 88% | 0, 6, 14, 6 | 91.9% 0.030 76 | |
| Buoyant Blue | #84ADDB | 132, 173, 219 | 212°, 55%, 69% | 40, 21, 0, 14 | 73.5% 0.081 252 | |
| Blue Sonki | #4A87CB | 74, 135, 203 | 212°, 55%, 54% | 64, 33, 0, 20 | 61.3% 0.122 253 | |
| Snowdrift Glow | #D6E5F0 | 214, 229, 240 | 205°, 46%, 89% | 11, 5, 0, 6 | 91.4% 0.022 239 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0E2CF on #4A87CB | 2.93:1 | — |
| Aa #4A87CB on #D6E5F0 | 2.91:1 | — |
| Aa #DEB887 on #4A87CB | 2.01:1 | — |
| Aa #F0E2CF on #84ADDB | 1.84:1 | — |
| Aa #84ADDB on #D6E5F0 | 1.82:1 | — |
| Aa #84ADDB on #4A87CB | 1.60:1 | — |
CSS variables
:root {
--color-1: #deb887; /* Burly Wood */
--color-2: #f0e2cf; /* Coconut Cream Pie */
--color-3: #84addb; /* Buoyant Blue */
--color-4: #4a87cb; /* Blue Sonki */
--color-5: #d6e5f0; /* Snowdrift Glow */
}Other schemes from Burly Wood
- Burly Wood Analogous Color Scheme#DB88AC#DA8C87#DEB887#DDDD88#ABDF8F
- Burly Wood Triadic Color Scheme#DEB887#88DDBB#B790D4#F3E6D6#5CCD97
- Burly Wood Split-complementary Color Scheme#DEB887#87D6DD#8A83DA#CC974D#C4ECF0
- Burly Wood Tetradic Color Scheme#DEB887#98D98E#84ADDB#CC88DD#F3E6D6
- Burly Wood Monochromatic Color Scheme#A36629#CC974D#DEB887#EFDCC3#F8F4ED
More light orange complementary color schemes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Burly Wood?
In a complementary scheme: Coconut Cream Pie (#F0E2CF), Buoyant Blue (#84ADDB), Blue Sonki (#4A87CB), Snowdrift Glow (#D6E5F0).
What is the hex code of Burly Wood?
#DEB887.