#EAF3FD

#EAF3FD

#FDF4EA

#FDF4EA

对比度

1.03:1

Delta E

12.02

Noticeable

50:50 混合

#F4F3F4

颜色值

格式 #EAF3FD #FDF4EA
HEX #EAF3FD #FDF4EA
RGB 234, 243, 253 253, 244, 234
HSL 211.6, 82.6%, 95.5% 31.6, 82.6%, 95.5%
HSV 211.6, 7.5%, 99.2% 31.6, 7.5%, 99.2%
CMYK 7.5%, 4.0%, 0.0%, 0.8% 0.0%, 3.6%, 7.5%, 0.8%
OKLCH 0.9603 0.0165 250.8 0.9714 0.0164 70.5

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDF4EA → 背景色: #EAF3FD

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

文本: #EAF3FD → 背景色: #FDF4EA

色差 (Delta E)

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

渐变

#EAF3FD #EDF3FA #F1F3F7 #F4F3F4 #F7F4F0 #FAF4ED #FDF4EA

颜色混合

#EAF3FD

100%

#EFF3F8

75:25

#F4F3F4

50:50

#F8F4EF

25:75

#FDF4EA

100%

CSS渐变代码

background: linear-gradient(to right, #EAF3FD, #FDF4EA);
background: linear-gradient(135deg, #EAF3FD, #FDF4EA);

探索每种颜色

#EAF3FD

查看完整颜色详情

#FDF4EA

查看完整颜色详情

相关比较