#BAB6BC

#BAB6BC

Overview

#BAB6BC is a cool, light color. In RGB it is 186, 182, 188, in HSL 280.0°, 4.3%, 72.5%, and in CMYK 1.1%, 3.2%, 0.0%, 26.3%. The nearest named color is NCS S 3000-N Medium Light Grey.

On this page

ค่าสี

HEX

#BAB6BC

RGB

186, 182, 188

HSL

280.0, 4.3%, 72.5%

HSV

280.0, 3.2%, 73.7%

CMYK

1.1%, 3.2%, 0.0%, 26.3%

OKLCH

0.7813 0.0095 314.8

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: NCS S 3000-N Medium Light Grey

จิตวิทยาสี

Light grays are the quietest, most neutral colors in design, representing clarity, simplicity, and modern minimalism. They create a sense of calm order without drawing emotional attention. Silver tones additionally carry associations with technology, precision, and futuristic innovation.

Design Usage

Light gray is the foundational background color for modern web and mobile interfaces. It defines content boundaries, card surfaces, and secondary backgrounds in virtually every design system. Use it as the canvas that allows accent colors and content to take center stage.

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

สีตรงข้าม

#BAB6BC

#B8BCB6

สีใกล้เคียง

#B7B6BC

#BCB6BB

#BAB6BC

สามสี

#BAB6BC

#BCBAB6

#B6BCBA

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

#BAB6BC

#BBBCB6

#B6BCB7

สี่สี

#BAB6BC

#BCB7B6

#B8BCB6

#B6BBBC

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

ต้นฉบับ

#BAB6BC

ตาบอดสีแดง

#B8B8BB

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

#B8B9BA

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

#BAB9B9

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

#B7B7B7

การใช้งาน CSS

background-color: #BAB6BC;
color: #BAB6BC;
border-color: #BAB6BC;
Tailwind ที่ใกล้เคียงที่สุด: Zinc 400 #A1A1AA

เฉดสี Tailwind

50
#F7F7F8
100
#EDECEE
200
#DCDADD
300
#C3BFC4
400
#A29DA5
500
#817A85
600
#67626A
700
#534E55
800
#413D42
900
#312F32
950
#1F1D20

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

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

2.0:1

AA Fail AAA Fail

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

10.51:1

AA Pass AAA Pass

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

#BAB6BC
#B8BCB6
#BAB6BC
#FFFFFF
#000000
#BAB6BC

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

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

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

RGB(186, 182, 188) · HSL(280.0, 4.3%, 72.5%) · CMYK(1.1%, 3.2%, 0.0%, 26.3%)

Does #BAB6BC meet WCAG contrast on white?

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

What text color is readable on #BAB6BC?

Use 000000 text on a #BAB6BC background; contrast on black is 10.51:1.