#BABF8A

#BABF8A

Overview

#BABF8A is a cool, light color. In RGB it is 186, 191, 138, in HSL 65.7°, 29.3%, 64.5%, and in CMYK 2.6%, 0.0%, 27.7%, 25.1%. The nearest named color is RAL 1000 Green Beige.

On this page

ค่าสี

HEX

#BABF8A

RGB

186, 191, 138

HSL

65.7, 29.3%, 64.5%

HSV

65.7, 27.7%, 74.9%

CMYK

2.6%, 0.0%, 27.7%, 25.1%

OKLCH

0.7876 0.0713 112.4

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: RAL 1000 Green Beige

จิตวิทยาสี

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.

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

สีตรงข้าม

#BABF8A

#8F8ABF

สีใกล้เคียง

#BFAA8A

#9FBF8A

#BABF8A

สามสี

#BABF8A

#8ABABF

#BF8ABA

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

#BABF8A

#8A9FBF

#AA8ABF

สี่สี

#BABF8A

#8ABFAA

#8F8ABF

#BF8A9F

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

ต้นฉบับ

#BABF8A

ตาบอดสีแดง

#BCBC97

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

#BCBC9A

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

#BAA1A3

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

#BABABA

การใช้งาน CSS

background-color: #BABF8A;
color: #BABF8A;
border-color: #BABF8A;
Tailwind ที่ใกล้เคียงที่สุด: Amber 100 #FEF3C7

เฉดสี Tailwind

50
#F9F9F5
100
#F1F2E9
200
#E4E6D1
300
#D0D4B0
400
#B7BC85
500
#9EA55A
600
#7E8448
700
#656A3A
800
#4F522D
900
#3B3D24
950
#252717

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

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

1.93:1

AA Fail AAA Fail

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

10.91:1

AA Pass AAA Pass

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

#BABF8A
#8F8ABF
#BABF8A
#FFFFFF
#000000
#BABF8A

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

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

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

RGB(186, 191, 138) · HSL(65.7, 29.3%, 64.5%) · CMYK(2.6%, 0.0%, 27.7%, 25.1%)

Does #BABF8A meet WCAG contrast on white?

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

What text color is readable on #BABF8A?

Use 000000 text on a #BABF8A background; contrast on black is 10.91:1.