#CFD7DC

#CFD7DC

#DCD4CF

#DCD4CF

对比度

1.0:1

Delta E

7.75

Noticeable

50:50 混合

#D6D6D6

颜色值

格式 #CFD7DC #DCD4CF
HEX #CFD7DC #DCD4CF
RGB 207, 215, 220 220, 212, 207
HSL 203.1, 15.7%, 83.7% 23.1, 15.7%, 83.7%
HSV 203.1, 5.9%, 86.3% 23.1, 5.9%, 86.3%
CMYK 5.9%, 2.3%, 0.0%, 13.7% 0.0%, 3.6%, 5.9%, 13.7%
OKLCH 0.8745 0.0111 234.8 0.8749 0.0112 54.5

对比度与无障碍

1.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCD4CF → 背景色: #CFD7DC

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

文本: #CFD7DC → 背景色: #DCD4CF

色差 (Delta E)

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

渐变

#CFD7DC #D1D7DA #D3D6D8 #D6D6D6 #D8D5D3 #DAD5D1 #DCD4CF

颜色混合

#CFD7DC

100%

#D2D6D9

75:25

#D6D6D6

50:50

#D9D5D2

25:75

#DCD4CF

100%

CSS渐变代码

background: linear-gradient(to right, #CFD7DC, #DCD4CF);
background: linear-gradient(135deg, #CFD7DC, #DCD4CF);

探索每种颜色

#CFD7DC

查看完整颜色详情

#DCD4CF

查看完整颜色详情

相关比较