saddlebrown
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
#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.
Giá trị màu sắc
#8B4513
139, 69, 19
25,0, 75,9%, 31,0%
25,0, 86,3%, 54,5%
0,0%, 50,4%, 86,3%, 45,5%
0,4708 0,1121 50,8
Thuộc tính
Tâm lý màu sắc
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.
Hòa âm màu sắc
Mô phỏng mù màu
Sử dụng CSS
background-color: #8B4513;
color: #8B4513;
border-color: #8B4513;
Amber 800
#92400E
Sắc độ Tailwind
Kiểm tra tương phản
Văn bản trên nền trắng
7,1:1
Văn bản trên nền đen
2,96:1
So sánh với
Thuộc các bộ sưu tập này
Bài viết liên quan
Câu hỏi thường gặp
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 Đạt, AAA Đạt for normal text.
What text color is readable on #8B4513?
Use FFFFFF text on a #8B4513 background; contrast on black is 2,96:1.