Brown Color Family

Saddle Brown Color Hex Code, RGB & HSL Values

Browse all Brown Colors

What is the meaning of the Saddle Brown color?

Saddle Brown is a deep, rich brown color resembling tanned leather saddles. It represents rustic heritage, craftsmanship, and organic warmth, popular in custom woodwork and leather goods.

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

Developers can invoke Saddle Brown color codes in stylesheets using color: #8B4513;. For modern CSS frameworks, set it as a variable --color-saddle brown: #8B4513;, or implement it in Tailwind using bg-[#8B4513].

What are the RGB and HSL codes of Saddle Brown?

The RGB breakdown for Saddle Brown is rgb(139, 69, 19). In HSL space, it translates to 25° hue, 76% saturation, and 31% lightness, rendering a highly vivid, intense, and brilliant shade.

CMYK print profiles for Saddle Brown color

For print design projects using CMYK ink models, Saddle Brown corresponds to Cyan: 0%, Magenta: 50%, Yellow: 86%, and Black: 45%. Orange balances warmth and friendliness, serving as a bright focal accent in active user interfaces.

Red Channel 139
Green Channel 69
Blue Channel 19
Luminance 0.098

Saddle Brown Color Space Conversions

Click to copy format
HEX Color Code #8B4513
RGB (Red Green Blue) rgb(139, 69, 19)
HSL (Hue Sat Light) hsl(25°, 76%, 31%)
CMYK (Commercial Print) cmyk(0%, 50%, 86%, 45%)
HSV / HSB Values hsv(25°, 86%, 55%)
Decimal Color Code 9127187
CSS Custom Variable --color-hex: #8B4513;
Tailwind CSS Utility bg-[#8B4513]
CSS Named Color saddlebrown

Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #8B4513

Small body copy preview

Black Text on Background

Black text readability test with #8B4513

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 Saddle Brown */
--color-hex: #8B4513;
--color-rgb: rgb(139, 69, 19);
--color-hsl: hsl(25deg, 76%, 31%);
--color-name: saddlebrown;

Aa Known Color Aliases

Saddle Brown saddlebrown (CSS Identifier) Leather BrownDark SaddleRich Brown

Saddle Brown Color Meaning

As a notable shade in the brown spectrum, Saddle Brown embodies the core psychological traits of the brown color family. The brown spectrum 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

WarmthHonestyReliabilityComfort

Industries

ConstructionLuxuryOutdoor & Nature

Adjacent HEX Color Codes

Color Comparisons & Differences

🎨 Cohesive Color Combinations & Palettes

Copied!