#696C67

#696C67

ค่าสี

HEX

#696C67

RGB

105, 108, 103

HSL

96.0, 2.4%, 41.4%

HSV

96.0, 4.6%, 42.4%

CMYK

2.8%, 0.0%, 4.6%, 57.6%

OKLCH

0.5271 0.0085 132.5

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 7005 Mouse Grey

จิตวิทยาสี

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.

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

สีตรงข้าม

#696C67

#6A676C

สีใกล้เคียง

#6C6C67

#676C68

#696C67

สามสี

#696C67

#67696C

#6C6769

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

#696C67

#68676C

#6C676C

สี่สี

#696C67

#676C6C

#6A676C

#6C6867

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

ต้นฉบับ

#696C67

ตาบอดสีแดง

#6A6A68

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

#6A6A68

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

#696969

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

#6B6B6B

การใช้งาน CSS

background-color: #696C67;

color: #696C67;

border-color: #696C67;

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

เฉดสี Tailwind

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

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

5.33:1

AA Pass AAA Fail

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

3.94: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 #696C67?

RGB(105, 108, 103) · HSL(96.0, 2.4%, 41.4%) · CMYK(2.8%, 0.0%, 4.6%, 57.6%)

Does #696C67 meet WCAG contrast on white?

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

What text color is readable on #696C67?

Use FFFFFF text on a #696C67 background; contrast on black is 3.94:1.