#B46F3B

#B46F3B

Overview

#B46F3B is a warm, light color. In RGB it is 180, 111, 59, in HSL 25.8°, 50.6%, 46.9%, and in CMYK 0.0%, 38.3%, 67.2%, 29.4%. The nearest named color is RAL 8023 Orange Brown.

On this page

ค่าสี

HEX

#B46F3B

RGB

180, 111, 59

HSL

25.8, 50.6%, 46.9%

HSV

25.8, 67.2%, 70.6%

CMYK

0.0%, 38.3%, 67.2%, 29.4%

OKLCH

0.6064 0.1105 55.7

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: 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.

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

สีตรงข้าม

#B46F3B

#3B80B4

สีใกล้เคียง

#B43B44

#B4AC3B

#B46F3B

สามสี

#B46F3B

#3BB46F

#6F3BB4

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

#B46F3B

#3BB4AC

#3B44B4

สี่สี

#B46F3B

#44B43B

#3B80B4

#AC3BB4

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

ต้นฉบับ

#B46F3B

ตาบอดสีแดง

#969648

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

#9A9F4B

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

#B15254

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

#7A7A7A

การใช้งาน CSS

background-color: #B46F3B;
color: #B46F3B;
border-color: #B46F3B;
Tailwind ที่ใกล้เคียงที่สุด: Yellow 700 #A16207

เฉดสี Tailwind

50
#FBF7F4
100
#F5ECE5
200
#EDD9C9
300
#E1BDA3
400
#D09A71
500
#C0763F
600
#9A5F32
700
#7B4C28
800
#603B1F
900
#472D1A
950
#2D1D11

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

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

3.98:1

AA Fail AAA Fail

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

5.28:1

AA Pass AAA Fail

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

#B46F3B
#3B80B4
#B46F3B
#FFFFFF
#000000
#B46F3B

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

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

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 #B46F3B?

RGB(180, 111, 59) · HSL(25.8, 50.6%, 46.9%) · CMYK(0.0%, 38.3%, 67.2%, 29.4%)

Does #B46F3B meet WCAG contrast on white?

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

What text color is readable on #B46F3B?

Use 000000 text on a #B46F3B background; contrast on black is 5.28:1.