#DCE9EC

#DCE9EC

#ECDFDC

#ECDFDC

对比度

1.05:1

Delta E

9.87

Noticeable

50:50 混合

#E4E4E4

颜色值

格式 #DCE9EC #ECDFDC
HEX #DCE9EC #ECDFDC
RGB 220, 233, 236 236, 223, 220
HSL 191.3, 29.6%, 89.4% 11.2, 29.6%, 89.4%
HSV 191.3, 6.8%, 92.5% 11.2, 6.8%, 92.5%
CMYK 6.8%, 1.3%, 0.0%, 7.5% 0.0%, 5.5%, 6.8%, 7.5%
OKLCH 0.9251 0.0145 213.1 0.9132 0.0149 33.1

对比度与无障碍

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ECDFDC → 背景色: #DCE9EC

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

文本: #DCE9EC → 背景色: #ECDFDC

色差 (Delta E)

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

渐变

#DCE9EC #DFE7E9 #E2E6E7 #E4E4E4 #E7E2E1 #EAE1DF #ECDFDC

颜色混合

#DCE9EC

100%

#E0E7E8

75:25

#E4E4E4

50:50

#E8E2E0

25:75

#ECDFDC

100%

CSS渐变代码

background: linear-gradient(to right, #DCE9EC, #ECDFDC);
background: linear-gradient(135deg, #DCE9EC, #ECDFDC);

探索每种颜色

#DCE9EC

查看完整颜色详情

#ECDFDC

查看完整颜色详情

相关比较