#56535B

#56535B

ค่าสี

HEX

#56535B

RGB

86, 83, 91

HSL

262.5, 4.6%, 34.1%

HSV

262.5, 8.8%, 35.7%

CMYK

5.5%, 8.8%, 0.0%, 64.3%

OKLCH

0.4479 0.0134 302.8

คุณสมบัติ

เย็น มืด ใกล้เคียงที่สุด: RAL 7024 Graphite 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.

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

สีตรงข้าม

#56535B

#585B53

สีใกล้เคียง

#53545B

#5A535B

#56535B

สามสี

#56535B

#5B5653

#535B56

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

#56535B

#5B5A53

#545B53

สี่สี

#56535B

#5B5354

#585B53

#535B5A

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

ต้นฉบับ

#56535B

ตาบอดสีแดง

#555559

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

#555559

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

#565857

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

#545454

การใช้งาน CSS

background-color: #56535B;

color: #56535B;

border-color: #56535B;

Tailwind ที่ใกล้เคียงที่สุด: Zinc 600 #52525B

เฉดสี Tailwind

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

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

7.54:1

AA Pass AAA Pass

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

2.78: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 #56535B?

RGB(86, 83, 91) · HSL(262.5, 4.6%, 34.1%) · CMYK(5.5%, 8.8%, 0.0%, 64.3%)

Does #56535B meet WCAG contrast on white?

7.54:1 — WCAG AA ผ่าน, AAA ผ่าน for normal text.

What text color is readable on #56535B?

Use FFFFFF text on a #56535B background; contrast on black is 2.78:1.