saddlebrown

#8B4513

CSS color

Saddle Brown (#8B4513) is a warm, medium-dark reddish-brown CSS named colour, directly referencing the rich, polished leather of traditional horse saddles — a deep, warm brown with a red-orange cast. As one of the original CSS named colours, it has become a standard reference for rich leather tones, dark wood finishes, and earthy warm browns in web design. It evokes craftsmanship, the outdoors, and traditional equestrian culture.

ค่าสี

HEX

#8B4513

RGB

139, 69, 19

HSL

25.0, 75.9%, 31.0%

HSV

25.0, 86.3%, 54.5%

CMYK

0.0%, 50.4%, 86.3%, 45.5%

OKLCH

0.4708 0.1121 50.8

คุณสมบัติ

จิตวิทยาสี

Dark oranges like burnt sienna and rust evoke autumnal warmth, earthiness, and heritage. These tones connect to natural materials like terracotta and aged wood, suggesting authenticity and craftsmanship. They carry a nostalgic quality that feels grounded and trustworthy.

Design Usage

Dark oranges are effective in food and beverage branding, outdoor lifestyle products, and artisanal goods. They work as accent colors in data visualizations and infographics where warmth is needed without brightness. Combine them with deep greens or navy for a sophisticated, nature-inspired palette.

ความกลมกลืนของสี

สีตรงข้าม

สีใกล้เคียง

สามสี

สีตรงข้ามแบบแยก

สี่สี

การจำลองตาบอดสี

การใช้งาน CSS

background-color: #8B4513;
color: #8B4513;
border-color: #8B4513;
Tailwind ที่ใกล้เคียงที่สุด: Amber 800 #92400E

เฉดสี Tailwind

ตรวจสอบความเปรียบต่าง

ข้อความบนพื้นขาว

7.1:1

AA Pass AAA Pass

ข้อความบนพื้นดำ

2.96:1

AA Fail AAA Fail

เปรียบเทียบกับ

ส่วนหนึ่งของคอลเลกชันเหล่านี้

บทความที่เกี่ยวข้อง

คำถามที่พบบ่อย

What are the RGB, HSL, and CMYK values of #8B4513?

RGB(139, 69, 19) · HSL(25.0, 75.9%, 31.0%) · CMYK(0.0%, 50.4%, 86.3%, 45.5%)

Does #8B4513 meet WCAG contrast on white?

7.1:1 — WCAG AA ผ่าน, AAA ผ่าน for normal text.

What text color is readable on #8B4513?

Use FFFFFF text on a #8B4513 background; contrast on black is 2.96:1.