#CAD3DC

#CAD3DC

#DCD3CA

#DCD3CA

对比度

1.03:1

Delta E

11.44

Noticeable

50:50 混合

#D3D3D3

颜色值

格式 #CAD3DC #DCD3CA
HEX #CAD3DC #DCD3CA
RGB 202, 211, 220 220, 211, 202
HSL 210.0, 20.5%, 82.7% 30.0, 20.5%, 82.7%
HSV 210.0, 8.2%, 86.3% 30.0, 8.2%, 86.3%
CMYK 8.2%, 4.1%, 0.0%, 13.7% 0.0%, 4.1%, 8.2%, 13.7%
OKLCH 0.8626 0.0159 248.0 0.8716 0.0158 67.6

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #DCD3CA → 背景色: #CAD3DC

敏捷的棕色狐狸跳过了懒狗

文本: #CAD3DC → 背景色: #DCD3CA

色差 (Delta E)

11.44 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#CAD3DC #CDD3D9 #D0D3D6 #D3D3D3 #D6D3D0 #D9D3CD #DCD3CA

颜色混合

#CAD3DC

100%

#CFD3D8

75:25

#D3D3D3

50:50

#D8D3CF

25:75

#DCD3CA

100%

CSS渐变代码

background: linear-gradient(to right, #CAD3DC, #DCD3CA);
background: linear-gradient(135deg, #CAD3DC, #DCD3CA);

探索每种颜色

#CAD3DC

查看完整颜色详情

#DCD3CA

查看完整颜色详情

相关比较