#877F89

#877F89

ค่าสี

HEX

#877F89

RGB

135, 127, 137

HSL

288.0, 4.1%, 51.8%

HSV

288.0, 7.3%, 53.7%

CMYK

1.5%, 7.3%, 0.0%, 46.3%

OKLCH

0.6068 0.0176 319.5

คุณสมบัติ

เย็น สว่าง ใกล้เคียงที่สุด: lavenderblush 4

จิตวิทยาสี

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.

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

สีตรงข้าม

#877F89

#81897F

สีใกล้เคียง

#827F89

#897F86

#877F89

สามสี

#877F89

#89877F

#7F8987

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

#877F89

#86897F

#7F8982

สี่สี

#877F89

#89827F

#81897F

#7F8689

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

ต้นฉบับ

#877F89

ตาบอดสีแดง

#848387

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

#848586

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

#878584

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

#818181

การใช้งาน CSS

background-color: #877F89;

color: #877F89;

border-color: #877F89;

Tailwind ที่ใกล้เคียงที่สุด: Zinc 500 #71717A

เฉดสี Tailwind

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

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

3.87:1

AA Fail AAA Fail

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

5.43:1

AA Pass 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 #877F89?

RGB(135, 127, 137) · HSL(288.0, 4.1%, 51.8%) · CMYK(1.5%, 7.3%, 0.0%, 46.3%)

Does #877F89 meet WCAG contrast on white?

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

What text color is readable on #877F89?

Use 000000 text on a #877F89 background; contrast on black is 5.43:1.