#BF550D

#BF550D

Overview

#BF550D is a warm, dark color. In RGB it is 191, 85, 13, in HSL 24.3°, 87.3%, 40.0%, and in CMYK 0.0%, 55.5%, 93.2%, 25.1%. The nearest named color is chocolate 3.

On this page

ค่าสี

HEX

#BF550D

RGB

191, 85, 13

HSL

24.3, 87.3%, 40.0%

HSV

24.3, 93.2%, 74.9%

CMYK

0.0%, 55.5%, 93.2%, 25.1%

OKLCH

0.5752 0.1543 47.0

คุณสมบัติ

อบอุ่น มืด ใกล้เคียงที่สุด: chocolate 3

จิตวิทยาสี

True orange embodies enthusiasm, creativity, and adventure. It stimulates mental activity and social interaction, making it a favorite in creative industries. Orange is highly visible and conveys confidence without the aggression of red, bridging warmth and energy.

Design Usage

Medium orange excels in CTAs, pricing highlights, and gamification elements where excitement is desired. Tech companies and SaaS products use it to differentiate from the dominant blue of their competitors. It requires careful contrast checking since mid-range orange can fail WCAG on light backgrounds.

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

สีตรงข้าม

#BF550D

#0D77BF

สีใกล้เคียง

#BF0D1E

#BFAE0D

#BF550D

สามสี

#BF550D

#0DBF55

#550DBF

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

#BF550D

#0DBFAE

#0D1EBF

สี่สี

#BF550D

#1EBF0D

#0D77BF

#AE0DBF

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

ต้นฉบับ

#BF550D

ตาบอดสีแดง

#91901E

ตาบอดสีเขียว

#979F23

ตาบอดสีน้ำเงิน

#BA2C2F

ตาบอดสีทั้งหมด

#666666

การใช้งาน CSS

background-color: #BF550D;
color: #BF550D;
border-color: #BF550D;
Tailwind ที่ใกล้เคียงที่สุด: Amber 700 #B45309

เฉดสี Tailwind

50
#FDF6F2
100
#FAEBE0
200
#FAD5BC
300
#F7B88C
400
#F3914E
500
#EF6A10
600
#BF550D
700
#99440A
800
#773508
900
#57290A
950
#371A07

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

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

4.65:1

AA Pass AAA Fail

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

4.52:1

AA Pass AAA Fail

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

#BF550D
#0D77BF
#BF550D
#FFFFFF
#000000
#BF550D

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

บทเรียนแนะนำ

CSS color-mix(): ผสมสีโดยตรงในเบราว์เซอร์

ม.ค. 26, 2026
บทเรียนแนะนำ

สร้าง Color Picker Web Component ตั้งแต่ต้น

ม.ค. 21, 2026
บทเรียนแนะนำ

พื้นที่สีเชิงรับรู้: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026

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

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

RGB(191, 85, 13) · HSL(24.3, 87.3%, 40.0%) · CMYK(0.0%, 55.5%, 93.2%, 25.1%)

Does #BF550D meet WCAG contrast on white?

4.65:1 — WCAG AA ผ่าน, AAA ไม่ผ่าน for normal text.

What text color is readable on #BF550D?

Use FFFFFF text on a #BF550D background; contrast on black is 4.52:1.