Burlywood to HSL

Color Code

#deb887
Format Value
HEX #deb887
RGB rgb(222, 184, 135)
HSL hsl(33.8, 56.9%, 70%)
CMYK cmyk(0%, 17.1%, 39.2%, 12.9%)
HSV hsv(33.8, 39.2%, 87.1%)

burlywood color harmonies

Tints & shades of burlywood

Tints (lighter)

#e1be92 #e4c59d #e7cba8 #ead2b3 #edd8be #f0dfc8 #f3e5d3 #f6ecde #f9f2e9 #fcf9f4

Shades (darker)

#caa77b #b6976e #a18662 #8d7556 #79644a #65543d #514331 #3d3225 #282119 #14110c

Contrast & accessibility

The quick brown fox

On white · 1.86:1 · Fail

The quick brown fox

On black · 11.31:1 · AAA

Recommended text color: #000000

Use burlywood in code

CSS color: #deb887;
SCSS $color: #deb887;
Tailwind bg-[#deb887]
Swift UIColor(red: 0.871, green: 0.722, blue: 0.529, alpha: 1)
Android Color.parseColor("#deb887")
Flutter Color(0xFFDEB887)

Colors similar to burlywood

Browse all Orange colors →

What is the HSL code for burlywood?

The CSS color burlywood in HSL format is hsl(33.8, 56.9%, 70%). Use this value directly in CSS, SVG, and most design tools.

How do I use burlywood in CSS?

To apply burlywood in CSS:

  • Text color: color: hsl(33.8, 56.9%, 70%);
  • Background: background-color: hsl(33.8, 56.9%, 70%);
  • Border: border-color: hsl(33.8, 56.9%, 70%);

What are all the color format values for burlywood?

FormatValue
HEX#deb887
RGBrgb(222, 184, 135)
HSLhsl(33.8, 56.9%, 70%)
CMYKcmyk(0%, 17.1%, 39.2%, 12.9%)

How do I convert burlywood to HSL?

Select burlywood from the color name list in our color converter. The HSL value — hsl(33.8, 56.9%, 70%) — appears instantly alongside HEX, RGB, HSL and CMYK.

What color family does burlywood belong to?

burlywood belongs to the orange color family. It is a medium, moderately saturated color with HSL values: hue 33.8°, saturation 56.9%, lightness 70%.

How do I create lighter and darker shades of burlywood?

Lighter variant (lightness 85%): #efdcc3. Darker variant (lightness 55%): #ce954b. These values are computed by adjusting HSL lightness ±15% while keeping the same hue and saturation.

What is HSL used for?

HSL describes colors by hue (0–360°), saturation (0–100%) and lightness (0–100%). It is more intuitive for designers — easy to create lighter, darker or less saturated variants of any color.