#DAE4F3

#DAE4F3

#F3E9DA

#F3E9DA

对比度

1.07:1

Delta E

17.16

Noticeable

50:50 混合

#E7E6E7

颜色值

格式 #DAE4F3 #F3E9DA
HEX #DAE4F3 #F3E9DA
RGB 218, 228, 243 243, 233, 218
HSL 216.0, 51.0%, 90.4% 36.0, 51.0%, 90.4%
HSV 216.0, 10.3%, 95.3% 36.0, 10.3%, 95.3%
CMYK 10.3%, 6.2%, 0.0%, 4.7% 0.0%, 4.1%, 10.3%, 4.7%
OKLCH 0.9158 0.0231 258.4 0.9379 0.0227 78.2

对比度与无障碍

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

文本可读性

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

文本: #F3E9DA → 背景色: #DAE4F3

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

文本: #DAE4F3 → 背景色: #F3E9DA

色差 (Delta E)

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

渐变

#DAE4F3 #DEE5EF #E3E6EB #E7E6E7 #EBE7E2 #EFE8DE #F3E9DA

颜色混合

#DAE4F3

100%

#E1E5ED

75:25

#E7E6E7

50:50

#EDE8E0

25:75

#F3E9DA

100%

CSS渐变代码

background: linear-gradient(to right, #DAE4F3, #F3E9DA);
background: linear-gradient(135deg, #DAE4F3, #F3E9DA);

探索每种颜色

#DAE4F3

查看完整颜色详情

#F3E9DA

查看完整颜色详情

相关比较