#BAB084

#BAB084

Overview

#BAB084 is a warm, light color. In RGB it is 186, 176, 132, in HSL 48.9°, 28.1%, 62.4%, and in CMYK 0.0%, 5.4%, 29.0%, 27.1%. The nearest named color is wheat 3.

On this page

ค่าสี

HEX

#BAB084

RGB

186, 176, 132

HSL

48.9, 28.1%, 62.4%

HSV

48.9, 29.0%, 72.9%

CMYK

0.0%, 5.4%, 29.0%, 27.1%

OKLCH

0.7545 0.0606 96.8

คุณสมบัติ

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

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

สีตรงข้าม

#BAB084

#848EBA

สีใกล้เคียง

#BA9584

#A9BA84

#BAB084

สามสี

#BAB084

#84BAB0

#B084BA

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

#BAB084

#84A9BA

#9584BA

สี่สี

#BAB084

#84BA95

#848EBA

#BA84A9

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

ต้นฉบับ

#BAB084

ตาบอดสีแดง

#B6B68F

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

#B6B791

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

#BA9799

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

#AFAFAF

การใช้งาน CSS

background-color: #BAB084;
color: #BAB084;
border-color: #BAB084;
Tailwind ที่ใกล้เคียงที่สุด: Orange 200 #FED7AA

เฉดสี Tailwind

50
#F9F9F6
100
#F1F0E9
200
#E5E2D1
300
#D3CDB1
400
#BBB186
500
#A3965C
600
#837849
700
#69603B
800
#524B2E
900
#3D3824
950
#262317

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

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

2.18:1

AA Fail AAA Fail

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

9.63:1

AA Pass AAA Pass

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

#BAB084
#848EBA
#BAB084
#FFFFFF
#000000
#BAB084

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

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

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

RGB(186, 176, 132) · HSL(48.9, 28.1%, 62.4%) · CMYK(0.0%, 5.4%, 29.0%, 27.1%)

Does #BAB084 meet WCAG contrast on white?

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

What text color is readable on #BAB084?

Use 000000 text on a #BAB084 background; contrast on black is 9.63:1.