#B46739

#B46739

Overview

#B46739 is a warm, light color. In RGB it is 180, 103, 57, in HSL 22.4°, 51.9%, 46.5%, and in CMYK 0.0%, 42.8%, 68.3%, 29.4%. The nearest named color is RAL 8023 Orange Brown.

On this page

ค่าสี

HEX

#B46739

RGB

180, 103, 57

HSL

22.4, 51.9%, 46.5%

HSV

22.4, 68.3%, 70.6%

CMYK

0.0%, 42.8%, 68.3%, 29.4%

OKLCH

0.5919 0.116 49.8

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: RAL 8023 Orange Brown

จิตวิทยาสี

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.

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

สีตรงข้าม

#B46739

#3986B4

สีใกล้เคียง

#B43949

#B4A539

#B46739

สามสี

#B46739

#39B467

#6739B4

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

#B46739

#39B4A5

#3949B4

สี่สี

#B46739

#49B439

#3986B4

#A539B4

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

ต้นฉบับ

#B46739

ตาบอดสีแดง

#939244

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

#979D47

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

#B04D4F

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

#747474

การใช้งาน CSS

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

เฉดสี Tailwind

50
#FBF6F4
100
#F5EBE5
200
#EED7C9
300
#E2BAA2
400
#D29470
500
#C26F3D
600
#9B5931
700
#7C4727
800
#61371F
900
#472B1A
950
#2D1B10

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

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

4.25:1

AA Fail AAA Fail

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

4.94:1

AA Pass AAA Fail

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

#B46739
#3986B4
#B46739
#FFFFFF
#000000
#B46739

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

คู่มือเครื่องมือ

WCAG AA vs AAA: Contrast Requirements Compared

ส.ค. 20, 2026
บทเรียนแนะนำ

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

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

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

ม.ค. 21, 2026

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

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

RGB(180, 103, 57) · HSL(22.4, 51.9%, 46.5%) · CMYK(0.0%, 42.8%, 68.3%, 29.4%)

Does #B46739 meet WCAG contrast on white?

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

What text color is readable on #B46739?

Use 000000 text on a #B46739 background; contrast on black is 4.94:1.