#D1D2DB

#D1D2DB

颜色值

HEX

#D1D2DB

RGB

209, 210, 219

HSL

234.0, 12.2%, 83.9%

HSV

234.0, 4.6%, 85.9%

CMYK

4.6%, 4.1%, 0.0%, 14.1%

OKLCH

0.8657 0.0124 281.1

属性

冷色 浅色 最接近： lightgrey

色彩心理学

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

配色方案

互补色

#D1D2DB

#DBDAD1

类似色

#D1D7DB

#D5D1DB

#D1D2DB

三角配色

#D1D2DB

#DBD1D2

#D2DBD1

分裂互补色

#D1D2DB

#DBD5D1

#D7DBD1

四角配色

#D1D2DB

#DBD1D7

#DBDAD1

#D1DBD5

色觉模拟

原始

#D1D2DB

红色盲

#D1D1D9

绿色盲

#D1D1D8

蓝色盲

#D1D7D7

全色盲

#D2D2D2

CSS 用法

background-color: #D1D2DB;
color: #D1D2DB;
border-color: #D1D2DB;
最接近的 Tailwind： Gray 300 #D1D5DB

Tailwind 色阶

50
#F7F7F8
100
#EBECEF
200
#D7D8E0
300
#BABCC9
400
#9597AC
500
#70738F
600
#5A5C72
700
#484A5C
800
#383A48
900
#2B2C36
950
#1B1C22

对比度检查器

白底文字

1.51:1

AA Fail AAA Fail

黑底文字

13.95:1

AA Pass AAA Pass

与之比较

#D1D2DB
#DBDAD1
#D1D2DB
#FFFFFF
#000000
#D1D2DB

相关文章

教程

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

一月 26, 2026
教程

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

一月 21, 2026
教程

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

一月 15, 2026

常见问题

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

RGB(209, 210, 219) · HSL(234.0, 12.2%, 83.9%) · CMYK(4.6%, 4.1%, 0.0%, 14.1%)

Does #D1D2DB meet WCAG contrast on white?

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

What text color is readable on #D1D2DB?

Use 000000 text on a #D1D2DB background; contrast on black is 13.95:1.