Online Tools HarborBurly Wood color codes
| CSS name | burlywood |
|---|---|
| HEX | #DEB887 |
| RGB | rgb(222, 184, 135) |
| HSL | hsl(34, 57%, 70%) |
| CMYK | cmyk(0%, 17%, 39%, 13%) |
| Decimal | 14596231 |
Shades of Burly Wood (darker)
#C8A67A · #B2936C · #9B815F · #856E51 · #6F5C44 · #594A36 · #433729 · #2C251B · #16120E
Tints of Burly Wood (lighter)
#E1BF93 · #E5C69F · #E8CDAB · #EBD4B7 · #EFDCC3 · #F2E3CF · #F5EADB · #F8F1E7 · #FCF8F3
Color harmonies
| Complementary | #87ADDE |
|---|---|
| Triadic | #87DEB8, #B887DE |
| Analogous | #DE8D87, #D8DE87 |
Accessibility (WCAG contrast)
| White text on Burly Wood | 1.86:1 · Fail |
|---|---|
| Black text on Burly Wood | 11.31:1 · AAA |
Use Burly Wood in code
.element {
color: burlywood; /* or #deb887 */
background-color: rgb(222 184 135 / 0.5);
}Frequently asked questions
What is the hex code for Burly Wood?
Burly Wood is #DEB887 in HEX, rgb(222, 184, 135) in RGB and hsl(34, 57%, 70%) in HSL.
Can I use "burlywood" directly in CSS?
Yes. "burlywood" is one of the 148 standard CSS named colors, so color: burlywood; works in every browser.
Is Burly Wood readable on white?
The contrast ratio of Burly Wood on white is 1.86:1 (WCAG Fail). On black it is 11.31:1 (AAA).
What is the complementary color of Burly Wood?
The complementary color (opposite on the color wheel) is #87ADDE.
Similar colors
Tan#D2B48CDark Salmon#E9967ALight Salmon#FFA07ADark Khaki#BDB76BSandy Brown#F4A460Khaki#F0E68CRosy Brown#BC8F8FLight Coral#F08080
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.