#DAE9F8

#DAE9F8

#F8E9DA

#F8E9DA

对比度

1.04:1

Delta E

18.71

Noticeable

50:50 混合

#EAE9E9

颜色值

格式 #DAE9F8 #F8E9DA
HEX #DAE9F8 #F8E9DA
RGB 218, 233, 248 248, 233, 218
HSL 210.0, 68.2%, 91.4% 30.0, 68.2%, 91.4%
HSV 210.0, 12.1%, 97.3% 30.0, 12.1%, 97.3%
CMYK 12.1%, 6.0%, 0.0%, 2.7% 0.0%, 6.0%, 12.1%, 2.7%
OKLCH 0.9273 0.026 248.1 0.9419 0.0258 67.5

对比度与无障碍

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

文本可读性

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

文本: #F8E9DA → 背景色: #DAE9F8

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

文本: #DAE9F8 → 背景色: #F8E9DA

色差 (Delta E)

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

渐变

#DAE9F8 #DFE9F3 #E5E9EE #EAE9E9 #EFE9E4 #F3E9DF #F8E9DA

颜色混合

#DAE9F8

100%

#E2E9F1

75:25

#EAE9E9

50:50

#F1E9E2

25:75

#F8E9DA

100%

CSS渐变代码

background: linear-gradient(to right, #DAE9F8, #F8E9DA);
background: linear-gradient(135deg, #DAE9F8, #F8E9DA);

探索每种颜色

#DAE9F8

查看完整颜色详情

#F8E9DA

查看完整颜色详情

相关比较