#D7D9DA

#D7D9DA

颜色值

HEX

#D7D9DA

RGB

215, 217, 218

HSL

200.0, 3.9%, 84.9%

HSV

200.0, 1.4%, 85.5%

CMYK

1.4%, 0.5%, 0.0%, 14.5%

OKLCH

0.884 0.0026 228.8

属性

冷色 浅色 最接近： NCS S 1500-N Lightest Grey

色彩心理学

Light grays are the quietest, most neutral colors in design, representing clarity, simplicity, and modern minimalism. They create a sense of calm order without drawing emotional attention. Silver tones additionally carry associations with technology, precision, and futuristic innovation.

Design Usage

Light gray is the foundational background color for modern web and mobile interfaces. It defines content boundaries, card surfaces, and secondary backgrounds in virtually every design system. Use it as the canvas that allows accent colors and content to take center stage.

配色方案

互补色

#D7D9DA

#DAD8D7

类似色

#D7DAD9

#D7D7DA

#D7D9DA

三角配色

#D7D9DA

#DAD7D9

#D9DAD7

分裂互补色

#D7D9DA

#DAD7D7

#DAD9D7

四角配色

#D7D9DA

#D9D7DA

#DAD8D7

#D7DAD7

色觉模拟

原始

#D7D9DA

红色盲

#D8D8DA

绿色盲

#D8D8DA

蓝色盲

#D7DADA

全色盲

#D9D9D9

CSS 用法

background-color: #D7D9DA;
color: #D7D9DA;
border-color: #D7D9DA;
最接近的 Tailwind： Neutral 300 #D4D4D4

Tailwind 色阶

50
#F7F7F8
100
#EDEDEE
200
#DADCDD
300
#BFC3C4
400
#9DA2A4
500
#7B8184
600
#62676A
700
#4E5355
800
#3D4142
900
#2F3132
950
#1E1F20

对比度检查器

白底文字

1.42:1

AA Fail AAA Fail

黑底文字

14.83:1

AA Pass AAA Pass

与之比较

#D7D9DA
#DAD8D7
#D7D9DA
#FFFFFF
#000000
#D7D9DA

相关文章

教程

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

一月 26, 2026
教程

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

一月 21, 2026
教程

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

一月 15, 2026

常见问题

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

RGB(215, 217, 218) · HSL(200.0, 3.9%, 84.9%) · CMYK(1.4%, 0.5%, 0.0%, 14.5%)

Does #D7D9DA meet WCAG contrast on white?

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

What text color is readable on #D7D9DA?

Use 000000 text on a #D7D9DA background; contrast on black is 14.83:1.