#ECF5FD

#ECF5FD

#FDF4EC

#FDF4EC

对比度

1.01:1

Delta E

10.29

Noticeable

50:50 混合

#F5F4F4

颜色值

格式 #ECF5FD #FDF4EC
HEX #ECF5FD #FDF4EC
RGB 236, 245, 253 253, 244, 236
HSL 208.2, 81.0%, 95.9% 28.2, 81.0%, 95.9%
HSV 208.2, 6.7%, 99.2% 28.2, 6.7%, 99.2%
CMYK 6.7%, 3.2%, 0.0%, 0.8% 0.0%, 3.6%, 6.7%, 0.8%
OKLCH 0.9657 0.0144 244.7 0.972 0.0144 64.3

对比度与无障碍

1.01:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDF4EC → 背景色: #ECF5FD

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

文本: #ECF5FD → 背景色: #FDF4EC

色差 (Delta E)

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

渐变

#ECF5FD #EFF5FA #F2F5F7 #F5F4F4 #F8F4F2 #FAF4EF #FDF4EC

颜色混合

#ECF5FD

100%

#F0F5F9

75:25

#F5F4F4

50:50

#F9F4F0

25:75

#FDF4EC

100%

CSS渐变代码

background: linear-gradient(to right, #ECF5FD, #FDF4EC);
background: linear-gradient(135deg, #ECF5FD, #FDF4EC);

探索每种颜色

#ECF5FD

查看完整颜色详情

#FDF4EC

查看完整颜色详情

相关比较