#DFE4FE

#DFE4FE

#FEF9DF

#FEF9DF

对比度

1.19:1

Delta E

27.71

Very Different

50:50 混合

#EFEEEF

颜色值

格式 #DFE4FE #FEF9DF
HEX #DFE4FE #FEF9DF
RGB 223, 228, 254 254, 249, 223
HSL 230.3, 93.9%, 93.5% 50.3, 93.9%, 93.5%
HSV 230.3, 12.2%, 99.6% 50.3, 12.2%, 99.6%
CMYK 12.2%, 10.2%, 0.0%, 0.4% 0.0%, 2.0%, 12.2%, 0.4%
OKLCH 0.923 0.0357 277.0 0.9792 0.0343 98.1

对比度与无障碍

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FEF9DF → 背景色: #DFE4FE

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

文本: #DFE4FE → 背景色: #FEF9DF

色差 (Delta E)

27.71 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#DFE4FE #E5E7F9 #EAEBF4 #EFEEEF #F4F2E9 #F9F5E4 #FEF9DF

颜色混合

#DFE4FE

100%

#E7E9F6

75:25

#EFEEEF

50:50

#F7F4E7

25:75

#FEF9DF

100%

CSS渐变代码

background: linear-gradient(to right, #DFE4FE, #FEF9DF);
background: linear-gradient(135deg, #DFE4FE, #FEF9DF);

探索每种颜色

#DFE4FE

查看完整颜色详情

#FEF9DF

查看完整颜色详情

相关比较