#6B686B

#6B686B

ค่าสี

HEX

#6B686B

RGB

107, 104, 107

HSL

300.0, 1.4%, 41.4%

HSV

300.0, 2.8%, 42.0%

CMYK

0.0%, 2.8%, 0.0%, 58.0%

OKLCH

0.521 0.0059 325.7

คุณสมบัติ

อบอุ่น มืด ใกล้เคียงที่สุด: dimgrey

จิตวิทยาสี

Medium gray represents balance, neutrality, and diplomatic composure. It is the color of concrete, steel, and overcast skies, suggesting urban modernity and industrial strength. Gray communicates professionalism and impartiality in equal measure.

Design Usage

Medium gray is essential for body text, icons, and secondary labels in user interfaces. It provides the typographic backbone of design systems, separating primary from secondary information. Ensure proper contrast ratios since many popular mid-gray values fall below WCAG AA for text on white backgrounds.

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

สีตรงข้าม

#6B686B

#686B68

สีใกล้เคียง

#6A686B

#6B686A

#6B686B

สามสี

#6B686B

#6B6B68

#686B6B

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

#6B686B

#6A6B68

#686B6A

สี่สี

#6B686B

#6B6A68

#686B68

#686A6B

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

ต้นฉบับ

#6B686B

ตาบอดสีแดง

#6A6A6A

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

#6A6A6A

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

#6B6A6A

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

#696969

การใช้งาน CSS

background-color: #6B686B;

color: #6B686B;

border-color: #6B686B;

Tailwind ที่ใกล้เคียงที่สุด: Neutral 500 #737373

เฉดสี Tailwind

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

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

5.5:1

AA Pass AAA Fail

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

3.82:1

AA Fail AAA Fail

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

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

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

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 #6B686B?

RGB(107, 104, 107) · HSL(300.0, 1.4%, 41.4%) · CMYK(0.0%, 2.8%, 0.0%, 58.0%)

Does #6B686B meet WCAG contrast on white?

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

What text color is readable on #6B686B?

Use FFFFFF text on a #6B686B background; contrast on black is 3.82:1.