#CFD8DC

#CFD8DC

#DCD3CF

#DCD3CF

对比度

1.02:1

Delta E

7.71

Noticeable

50:50 混合

#D6D6D5

颜色值

格式 #CFD8DC #DCD3CF
HEX #CFD8DC #DCD3CF
RGB 207, 216, 220 220, 211, 207
HSL 198.5, 15.7%, 83.7% 18.5, 15.7%, 83.7%
HSV 198.5, 5.9%, 86.3% 18.5, 5.9%, 86.3%
CMYK 5.9%, 1.8%, 0.0%, 13.7% 0.0%, 4.1%, 5.9%, 13.7%
OKLCH 0.8765 0.0112 226.0 0.8729 0.0114 45.7

对比度与无障碍

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCD3CF → 背景色: #CFD8DC

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

文本: #CFD8DC → 背景色: #DCD3CF

色差 (Delta E)

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

渐变

#CFD8DC #D1D7DA #D4D6D8 #D6D6D5 #D8D5D3 #DAD4D1 #DCD3CF

颜色混合

#CFD8DC

100%

#D2D7D9

75:25

#D6D6D5

50:50

#D9D4D2

25:75

#DCD3CF

100%

CSS渐变代码

background: linear-gradient(to right, #CFD8DC, #DCD3CF);
background: linear-gradient(135deg, #CFD8DC, #DCD3CF);

探索每种颜色

#CFD8DC

查看完整颜色详情

#DCD3CF

查看完整颜色详情

相关比较