#696161

#696161

ค่าสี

HEX

#696161

RGB

105, 97, 97

HSL

0.0, 4.0%, 39.6%

HSV

0.0, 7.6%, 41.2%

CMYK

0.0%, 7.6%, 7.6%, 58.8%

OKLCH

0.5001 0.0102 17.5

คุณสมบัติ

อบอุ่น มืด ใกล้เคียงที่สุด: NCS S 6000-N Medium Dark 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.

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

สีตรงข้าม

#696161

#616969

สีใกล้เคียง

#696165

#696561

#696161

สามสี

#696161

#616961

#616169

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

#696161

#616965

#616569

สี่สี

#696161

#656961

#616969

#656169

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

ต้นฉบับ

#696161

ตาบอดสีแดง

#666561

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

#666761

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

#696161

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

#636363

การใช้งาน CSS

background-color: #696161;

color: #696161;

border-color: #696161;

Tailwind ที่ใกล้เคียงที่สุด: Stone 500 #78716C

เฉดสี Tailwind

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

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

6.03:1

AA Pass AAA Fail

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

3.48: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 #696161?

RGB(105, 97, 97) · HSL(0.0, 4.0%, 39.6%) · CMYK(0.0%, 7.6%, 7.6%, 58.8%)

Does #696161 meet WCAG contrast on white?

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

What text color is readable on #696161?

Use FFFFFF text on a #696161 background; contrast on black is 3.48:1.