Brown Color Family

Burlywood Color Hex Code, RGB & HSL Values

Browse all Brown Colors

What is the meaning of the Burlywood color?

Burlywood is a warm, light tan-brown color resembling unfinished birch wood. It represents natural construction, light wood grains, and rustic comfort, popular in furniture design pages.

How to use the Burlywood color hex code in HTML & CSS?

To style elements with Burlywood on a website, use the hex code #DEB887 in your HTML/CSS. Adding background-color: #DEB887; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#DEB887] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Burlywood?

In the digital sRGB spectrum, the Burlywood color code is mapped to RGB values of Red: 222, Green: 184, and Blue: 135. In the HSL system, it registers at hue angle 34°, saturation 57%, and lightness index 70%. It represents a bright, soft tint characterized by a balanced, moderate saturation.

CMYK print profiles for Burlywood color

To reproduce the named shade Burlywood in print systems, the CMYK ink configuration requires 0% Cyan, 17% Magenta, 39% Yellow, and 13% black. Orange balances warmth and friendliness, serving as a bright focal accent in active user interfaces.

Red Channel 222
Green Channel 184
Blue Channel 135
Luminance 0.516

Burlywood Color Space Conversions

Click to copy format
HEX Color Code #DEB887
RGB (Red Green Blue) rgb(222, 184, 135)
HSL (Hue Sat Light) hsl(34°, 57%, 70%)
CMYK (Commercial Print) cmyk(0%, 17%, 39%, 13%)
HSV / HSB Values hsv(34°, 39%, 87%)
Decimal Color Code 14596231
CSS Custom Variable --color-hex: #DEB887;
Tailwind CSS Utility bg-[#DEB887]
CSS Named Color burlywood

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #DEB887

Small body copy preview

Black Text on Background

Black text readability test with #DEB887

Small body copy preview

Complementary & Analogous Harmonies

Computed dynamically

Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles
/* CSS Custom Properties for Burlywood */
--color-hex: #DEB887;
--color-rgb: rgb(222, 184, 135);
--color-hsl: hsl(34deg, 57%, 70%);
--color-name: burlywood;

Aa Known Color Aliases

Burlywood burlywood (CSS Identifier) Warm TanLight BrownWheat Brown

Burlywood Color Meaning

In design psychology, Burlywood is classified as a brown shade, inheriting its psychological associations. The brown hue is the color of the earth itself — soil, tree bark, and natural stone. This foundational connection gives brown a deep sense of reliability, stability, and authenticity. It is associated with honest, no-nonsense quality and natural materials. In branding, brown signals craftsmanship, heritage, and organic authenticity — coffee brands, chocolate companies, and artisan goods all leverage brown's earthy credibility. Unlike the coolness of gray, brown is intrinsically warm, making spaces feel cozy and inviting. Dark rich browns communicate luxury and premium quality, while lighter tans and beiges suggest simplicity and naturalness. Brown is experiencing a design renaissance as consumers prioritize authenticity over artificiality.

Emotions & Associations

EarthinessComfortHonestyWarmth

Industries

Artisan GoodsOutdoor & NatureLuxury

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!