#BA8966

#BA8966

Overview

#BA8966 is a warm, light color. In RGB it is 186, 137, 102, in HSL 25.0°, 37.8%, 56.5%, and in CMYK 0.0%, 26.3%, 45.2%, 27.1%. The nearest named color is RAL 3012 Beige Red.

On this page

ค่าสี

HEX

#BA8966

RGB

186, 137, 102

HSL

25.0, 37.8%, 56.5%

HSV

25.0, 45.2%, 72.9%

CMYK

0.0%, 26.3%, 45.2%, 27.1%

OKLCH

0.6695 0.0773 56.5

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: RAL 3012 Beige Red

จิตวิทยาสี

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.

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

สีตรงข้าม

#BA8966

#6697BA

สีใกล้เคียง

#BA666D

#BAB366

#BA8966

สามสี

#BA8966

#66BA89

#8966BA

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

#BA8966

#66BAB3

#666DBA

สี่สี

#BA8966

#6DBA66

#6697BA

#B366BA

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

ต้นฉบับ

#BA8966

ตาบอดสีแดง

#A5A46E

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

#A8AB70

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

#B87577

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

#919191

การใช้งาน CSS

background-color: #BA8966;
color: #BA8966;
border-color: #BA8966;
Tailwind ที่ใกล้เคียงที่สุด: Red 300 #FCA5A5

เฉดสี Tailwind

50
#FAF7F5
100
#F3ECE7
200
#E9D9CE
300
#D9BEAB
400
#C49B7D
500
#B0774F
600
#8D603F
700
#704C33
800
#583C28
900
#412E20
950
#291D14

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

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

3.06:1

AA Fail AAA Fail

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

6.86:1

AA Pass AAA Fail

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

#BA8966
#6697BA
#BA8966
#FFFFFF
#000000
#BA8966

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

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

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

RGB(186, 137, 102) · HSL(25.0, 37.8%, 56.5%) · CMYK(0.0%, 26.3%, 45.2%, 27.1%)

Does #BA8966 meet WCAG contrast on white?

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

What text color is readable on #BA8966?

Use 000000 text on a #BA8966 background; contrast on black is 6.86:1.