#9B9DA4

#9B9DA4

颜色值

HEX

#9B9DA4

RGB

155, 157, 164

HSL

226.7, 4.7%, 62.5%

HSV

226.7, 5.5%, 64.3%

CMYK

5.5%, 4.3%, 0.0%, 35.7%

OKLCH

0.6966 0.0104 273.3

属性

冷色 浅色 最接近： RAL 7040 Window 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.

配色方案

互补色

#9B9DA4

#A4A29B

类似色

#9BA1A4

#9D9BA4

#9B9DA4

三角配色

#9B9DA4

#A49B9D

#9DA49B

分裂互补色

#9B9DA4

#A49D9B

#A1A49B

四角配色

#9B9DA4

#A49BA1

#A4A29B

#9BA49D

色觉模拟

原始

#9B9DA4

红色盲

#9C9CA2

绿色盲

#9C9CA2

蓝色盲

#9BA1A1

全色盲

#9D9D9D

CSS 用法

background-color: #9B9DA4;
color: #9B9DA4;
border-color: #9B9DA4;
最接近的 Tailwind： Zinc 400 #A1A1AA

Tailwind 色阶

50
#F7F7F8
100
#ECEDEE
200
#DADADD
300
#BFC0C5
400
#9C9EA5
500
#7A7C85
600
#61636B
700
#4E4F55
800
#3D3E43
900
#2E2F32
950
#1D1E20

对比度检查器

白底文字

2.71:1

AA Fail AAA Fail

黑底文字

7.75:1

AA Pass AAA Pass

与之比较

#9B9DA4
#A4A29B
#9B9DA4
#FFFFFF
#000000
#9B9DA4

相关文章

教程

CSS color-mix()：在浏览器中原生混合颜色

一月 26, 2026
教程

从零开始构建颜色选择器 Web Component

一月 21, 2026
教程

感知色彩空间：Lab、LCH、Oklab、OKLCH

一月 15, 2026

常见问题

What are the RGB, HSL, and CMYK values of #9B9DA4?

RGB(155, 157, 164) · HSL(226.7, 4.7%, 62.5%) · CMYK(5.5%, 4.3%, 0.0%, 35.7%)

Does #9B9DA4 meet WCAG contrast on white?

2.71:1 — WCAG AA 不通过, AAA 不通过 for normal text.

What text color is readable on #9B9DA4?

Use 000000 text on a #9B9DA4 background; contrast on black is 7.75:1.