#BAAC8A

#BAAC8A

Overview

#BAAC8A is a warm, light color. In RGB it is 186, 172, 138, in HSL 42.5°, 25.8%, 63.5%, and in CMYK 0.0%, 7.5%, 25.8%, 27.1%. The nearest named color is wheat 3.

On this page

ค่าสี

HEX

#BAAC8A

RGB

186, 172, 138

HSL

42.5, 25.8%, 63.5%

HSV

42.5, 25.8%, 72.9%

CMYK

0.0%, 7.5%, 25.8%, 27.1%

OKLCH

0.7475 0.0493 88.3

คุณสมบัติ

อบอุ่น สว่าง ใกล้เคียงที่สุด: wheat 3

จิตวิทยาสี

Pure yellow is the most luminous color in the spectrum, instantly associated with sunshine, optimism, and alertness. It stimulates the nervous system and enhances concentration, which is why it appears on school buses and warning signs. Yellow demands attention faster than any other color.

Design Usage

Medium yellow is powerful for attention badges, star ratings, and highlight accents in otherwise neutral interfaces. It is one of the hardest colors to use as a primary brand color because of contrast limitations against white. Dark text on yellow achieves strong readability, making it effective for caution banners.

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

สีตรงข้าม

#BAAC8A

#8A98BA

สีใกล้เคียง

#BA948A

#B0BA8A

#BAAC8A

สามสี

#BAAC8A

#8ABAAC

#AC8ABA

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

#BAAC8A

#8AB0BA

#948ABA

สี่สี

#BAAC8A

#8ABA94

#8A98BA

#BA8AB0

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

ต้นฉบับ

#BAAC8A

ตาบอดสีแดง

#B4B492

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

#B5B694

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

#B9999A

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

#ADADAD

การใช้งาน CSS

background-color: #BAAC8A;
color: #BAAC8A;
border-color: #BAAC8A;
Tailwind ที่ใกล้เคียงที่สุด: Stone 400 #A8A29E

เฉดสี Tailwind

50
#F9F8F6
100
#F1EFE9
200
#E5DFD2
300
#D2C8B2
400
#B9AB88
500
#A08D5F
600
#80714C
700
#675A3D
800
#50472F
900
#3C3525
950
#262217

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

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

2.24:1

AA Fail AAA Fail

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

9.36:1

AA Pass AAA Pass

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

#BAAC8A
#8A98BA
#BAAC8A
#FFFFFF
#000000
#BAAC8A

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

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

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

RGB(186, 172, 138) · HSL(42.5, 25.8%, 63.5%) · CMYK(0.0%, 7.5%, 25.8%, 27.1%)

Does #BAAC8A meet WCAG contrast on white?

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

What text color is readable on #BAAC8A?

Use 000000 text on a #BAAC8A background; contrast on black is 9.36:1.