brownwarmCSS named color

Burlywood #DEB887

Burlywood is a light, moderately saturated warm-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Earthy palettes · Warm neutrals

Open in generator →

Families: Oranges · Apricot Colors · Tans

Color values

FormatValue
HEX#DEB887
RGBrgb(222, 184, 135)
HSLhsl(34, 57%, 70%)
HSVhsv(34, 39%, 87%)
OKLCHoklch(80.45% 0.078 73.4)
OKLaboklab(80.45% 0.0222 0.0746)
CMYKcmyk(0%, 17.1%, 39.2%, 12.9%)
XYZxyz(51.6393, 51.5623, 30.1495)
CIE-LABlab(77.0, 7.0, 30.0)
CIE-LCHlch(77.0, 30.8, 76.8°)
Luminance0.516 (WCAG relative)
/* Burlywood */ --burlywood: #deb887; color: #deb887; background-color: #deb887;

Source: W3C CSS named color. CSS keyword: burlywood.

Collections: Pastel Colors · Retro Colors · Sunset Colors · Skin Tone Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#c5a479 #ad906b #967d5d #7f6a50 #695843 #544636 #3f362a #2c261e #1a1613 #000000

Tints (toward white)

#e2bf93 #e6c69e #eacdaa #edd4b6 #f1dbc2 #f4e2ce #f7e9da #faf0e6 #fcf8f3 #ffffff

Tones (toward gray)

#dbb98d #d9b992 #d6ba98 #d3ba9d #d0bba3 #cdbca8 #c9bcae #c6bdb3 #c2bdb9 #bebebe

Color harmonies

Complementary

Edit in generator →
#DEB887
#87ADDE
#deb887 #87adde

Analogous

Edit in generator →
#DE8C87
#DEB887
#D9DE87
#de8c87 #deb887 #d9de87

Triadic

Edit in generator →
#DEB887
#87DEB8
#B887DE
#deb887 #87deb8 #b887de

Tetradic

Edit in generator →
#DEB887
#87DE8C
#87ADDE
#DE87D9
#deb887 #87de8c #87adde #de87d9

Square

Edit in generator →
#DEB887
#87DE8C
#87ADDE
#DE87D9
#deb887 #87de8c #87adde #de87d9

Split Complementary

Edit in generator →
#DEB887
#87D9DE
#8C87DE
#deb887 #87d9de #8c87de

Monochromatic

Edit in generator →
#B87E33
#D19C57
#DEB887
#EBD4B7
#F8F1E7
#b87e33 #d19c57 #deb887 #ebd4b7 #f8f1e7

Accessibility & contrast

1.86
#DEB887 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
11.31
#DEB887 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on burlywood

11.31
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#C6B984
Deuteranopia (green-blind)
#CFC288
Tritanopia (blue-blind)
#ECAEAB

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Tan #D2B48C3.09
Fawn #CFAF7B3.61
Toupe #C7AC7D5.11
Sandstone #C9AE745.87
Sand Brown #CBA5607.16
Khaki #C3B0917.29

Colors that go with burlywood

Top matches by hue harmony, contrast and saturation compatibility.

Dark Taupe #7F684E
2.8:1
Same hue family as burlywood (Δh 2°) — guaranteed harmony
Beige #F5F5DC
1.7:1
Analogous hue (Δh ≈26°) — neighbors on the color wheel
Evergreen #05472A
5.8:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Deep Teal #00555A
4.6:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Marine #042E60
7.2:1
Complementary hue (Δh ≈179°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.