CSS named color
BurlyWood
#DEB887
HEX
#deb887RGB
rgb(222, 184, 135)HSL
hsl(34, 57%, 70%)OKLCH
oklch(80.45% 0.0779 73.42)NAME
burlywoodPalette
Complementary
180° on the color wheelComplement
#87ADDE
Analogous
±30° around the base hueLeft
#DE8D87
Right
#D8DE87
Triadic
±120° for harmonic contrastTriad 1
#87DEB8
Triad 2
#B887DE
Shades
Lighter and darker variantsCSS usage
By name
color: burlywood;
background-color: burlywood;By HEX
color: #deb887;
background-color: #deb887;By RGB
color: rgb(222, 184, 135);
background-color: rgb(222, 184, 135);By HSL
color: hsl(34, 57%, 70%);
background-color: hsl(34, 57%, 70%);WCAG contrast vs white
Aa
1.86:1
Below minimum
WCAG contrast vs black
Aa
11.31:1
AAA
Related colors
FAQ — BurlyWood
What is the HEX code for BurlyWood?
The HEX code for BurlyWood is #DEB887. It's one of the 148 named CSS colors and can be used directly in CSS as color: burlywood; or color: #deb887;
What is BurlyWood in RGB?
BurlyWood in RGB is rgb(222, 184, 135) — red 222, green 184, blue 135.
What is BurlyWood in HSL?
BurlyWood in HSL is hsl(34, 57%, 70%) — hue 34°, saturation 57%, lightness 70%.
What is the complementary color of BurlyWood?
The complementary color (directly opposite BurlyWood on the color wheel) is #87ADDE. The two together produce maximum contrast.
Is white text readable on BurlyWood?
The WCAG contrast ratio against white (#FFFFFF) is 1.86:1, and against black (#000000) it's 11.31:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.