#F4F7FD

#F4F7FD

#FDFAF4

#FDFAF4

对比度

1.03:1

Delta E

6.55

Noticeable

50:50 混合

#F9F9F9

颜色值

格式 #F4F7FD #FDFAF4
HEX #F4F7FD #FDFAF4
RGB 244, 247, 253 253, 250, 244
HSL 220.0, 69.2%, 97.5% 40.0, 69.2%, 97.5%
HSV 220.0, 3.6%, 99.2% 40.0, 3.6%, 99.2%
CMYK 3.6%, 2.4%, 0.0%, 0.8% 0.0%, 1.2%, 3.6%, 0.8%
OKLCH 0.9756 0.0086 264.5 0.9858 0.0085 84.6

对比度与无障碍

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

文本可读性

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

文本: #FDFAF4 → 背景色: #F4F7FD

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

文本: #F4F7FD → 背景色: #FDFAF4

色差 (Delta E)

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

渐变

#F4F7FD #F6F8FC #F7F8FA #F9F9F9 #FAF9F7 #FCFAF6 #FDFAF4

颜色混合

#F4F7FD

100%

#F6F8FB

75:25

#F9F9F9

50:50

#FBF9F6

25:75

#FDFAF4

100%

CSS渐变代码

background: linear-gradient(to right, #F4F7FD, #FDFAF4);
background: linear-gradient(135deg, #F4F7FD, #FDFAF4);

探索每种颜色

#F4F7FD

查看完整颜色详情

#FDFAF4

查看完整颜色详情

相关比较