#6B686F

#6B686F

颜色值

HEX

#6B686F

RGB

107, 104, 111

HSL

265.7, 3.3%, 42.2%

HSV

265.7, 6.3%, 43.5%

CMYK

3.6%, 6.3%, 0.0%, 56.5%

OKLCH

0.5224 0.0114 305.2

属性

冷色 深色 最接近： RAL 4012 Pearl Blackberry

色彩心理学

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.

配色方案

互补色

#6B686F

#6C6F68

类似色

#68696F

#6F686F

#6B686F

三角配色

#6B686F

#6F6B68

#686F6B

分裂互补色

#6B686F

#6F6F68

#696F68

四角配色

#6B686F

#6F6869

#6C6F68

#686F6F

色觉模拟

原始

#6B686F

红色盲

#6A6A6D

绿色盲

#6A6A6D

蓝色盲

#6B6C6C

全色盲

#696969

CSS 用法

background-color: #6B686F;
color: #6B686F;
border-color: #6B686F;
最接近的 Tailwind： Zinc 500 #71717A

Tailwind 色阶

50
#F7F7F8
100
#EDEDEE
200
#DBDADC
300
#C2C0C4
400
#A09EA4
500
#7F7B84
600
#666369
700
#514F54
800
#3F3E42
900
#302F32
950
#1E1E20

对比度检查器

白底文字

5.48:1

AA Pass AAA Fail

黑底文字

3.83:1

AA Fail AAA Fail

与之比较

#6B686F
#6C6F68
#6B686F
#FFFFFF
#000000
#6B686F

相关文章

教程

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

一月 26, 2026
教程

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

一月 21, 2026
教程

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

一月 15, 2026

常见问题

What are the RGB, HSL, and CMYK values of #6B686F?

RGB(107, 104, 111) · HSL(265.7, 3.3%, 42.2%) · CMYK(3.6%, 6.3%, 0.0%, 56.5%)

Does #6B686F meet WCAG contrast on white?

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

What text color is readable on #6B686F?

Use FFFFFF text on a #6B686F background; contrast on black is 3.83:1.