#AFD2DB

#AFD2DB

颜色值

HEX

#AFD2DB

RGB

175, 210, 219

HSL

192.3, 37.9%, 77.3%

HSV

192.3, 20.1%, 85.9%

CMYK

20.1%, 4.1%, 0.0%, 14.1%

OKLCH

0.8412 0.0392 215.0

属性

冷色 浅色 最接近： lightblue

色彩心理学

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

配色方案

互补色

#AFD2DB

#DBB8AF

类似色

#AFDBCE

#AFBCDB

#AFD2DB

三角配色

#AFD2DB

#DBAFD2

#D2DBAF

分裂互补色

#AFD2DB

#DBAFBC

#DBCEAF

四角配色

#AFD2DB

#CEAFDB

#DBB8AF

#BCDBAF

色觉模拟

原始

#AFD2DB

红色盲

#BEBED9

绿色盲

#BCBAD8

蓝色盲

#B1D7D7

全色盲

#CBCBCB

CSS 用法

background-color: #AFD2DB;
color: #AFD2DB;
border-color: #AFD2DB;
最接近的 Tailwind： Slate 300 #CBD5E1

Tailwind 色阶

50
#F5F9FA
100
#E7F1F3
200
#CEE3E9
300
#ABCFD9
400
#7DB6C4
500
#4F9CB0
600
#3F7D8D
700
#336471
800
#284E58
900
#203A41
950
#142529

对比度检查器

白底文字

1.61:1

AA Fail AAA Fail

黑底文字

13.06:1

AA Pass AAA Pass

与之比较

#AFD2DB
#DBB8AF
#AFD2DB
#FFFFFF
#000000
#AFD2DB

相关文章

教程

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

一月 26, 2026
教程

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

一月 21, 2026
教程

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

一月 15, 2026

常见问题

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

RGB(175, 210, 219) · HSL(192.3, 37.9%, 77.3%) · CMYK(20.1%, 4.1%, 0.0%, 14.1%)

Does #AFD2DB meet WCAG contrast on white?

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

What text color is readable on #AFD2DB?

Use 000000 text on a #AFD2DB background; contrast on black is 13.06:1.