#DCE9DA

#DCE9DA

#E7DAE9

#E7DAE9

对比度

1.07:1

Delta E

18.41

Noticeable

50:50 混合

#E2E2E2

颜色值

格式 #DCE9DA #E7DAE9
HEX #DCE9DA #E7DAE9
RGB 220, 233, 218 231, 218, 233
HSL 112.0, 25.4%, 88.4% 292.0, 25.4%, 88.4%
HSV 112.0, 6.4%, 91.4% 292.0, 6.4%, 91.4%
CMYK 5.6%, 0.0%, 6.4%, 8.6% 0.9%, 6.4%, 0.0%, 8.6%
OKLCH 0.9201 0.0244 141.5 0.9031 0.0245 321.7

对比度与无障碍

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #E7DAE9 → 背景色: #DCE9DA

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

文本: #DCE9DA → 背景色: #E7DAE9

色差 (Delta E)

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

渐变

#DCE9DA #DEE7DD #E0E4DF #E2E2E2 #E4DFE4 #E5DDE7 #E7DAE9

颜色混合

#DCE9DA

100%

#DFE5DE

75:25

#E2E2E2

50:50

#E4DEE5

25:75

#E7DAE9

100%

CSS渐变代码

background: linear-gradient(to right, #DCE9DA, #E7DAE9);
background: linear-gradient(135deg, #DCE9DA, #E7DAE9);

探索每种颜色

#DCE9DA

查看完整颜色详情

#E7DAE9

查看完整颜色详情

相关比较