#DFE4EC

#DFE4EC

#ECE7DF

#ECE7DF

对比度

1.04:1

Delta E

9.07

Noticeable

50:50 混合

#E6E5E6

颜色值

格式 #DFE4EC #ECE7DF
HEX #DFE4EC #ECE7DF
RGB 223, 228, 236 236, 231, 223
HSL 216.9, 25.5%, 90.0% 36.9, 25.5%, 90.0%
HSV 216.9, 5.5%, 92.5% 36.9, 5.5%, 92.5%
CMYK 5.5%, 3.4%, 0.0%, 7.5% 0.0%, 2.1%, 5.5%, 7.5%
OKLCH 0.9174 0.0121 259.8 0.9297 0.012 79.8

对比度与无障碍

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ECE7DF → 背景色: #DFE4EC

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

文本: #DFE4EC → 背景色: #ECE7DF

色差 (Delta E)

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

渐变

#DFE4EC #E1E5EA #E3E5E8 #E6E5E6 #E8E6E3 #EAE7E1 #ECE7DF

颜色混合

#DFE4EC

100%

#E2E5E9

75:25

#E6E5E6

50:50

#E9E6E2

25:75

#ECE7DF

100%

CSS渐变代码

background: linear-gradient(to right, #DFE4EC, #ECE7DF);
background: linear-gradient(135deg, #DFE4EC, #ECE7DF);

探索每种颜色

#DFE4EC

查看完整颜色详情

#ECE7DF

查看完整颜色详情

相关比较