#D9F7FD

#D9F7FD

#FDDFD9

#FDDFD9

对比度

1.12:1

Delta E

22.44

Noticeable

50:50 混合

#EDEBEB

颜色值

格式 #D9F7FD #FDDFD9
HEX #D9F7FD #FDDFD9
RGB 217, 247, 253 253, 223, 217
HSL 190.0, 90.0%, 92.2% 10.0, 90.0%, 92.2%
HSV 190.0, 14.2%, 99.2% 10.0, 14.2%, 99.2%
CMYK 14.2%, 2.4%, 0.0%, 0.8% 0.0%, 11.9%, 14.2%, 0.8%
OKLCH 0.9564 0.0322 211.1 0.9267 0.0343 31.2

对比度与无障碍

1.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDDFD9 → 背景色: #D9F7FD

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

文本: #D9F7FD → 背景色: #FDDFD9

色差 (Delta E)

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

渐变

#D9F7FD #E0F3F7 #E6EFF1 #EDEBEB #F2E7E5 #F8E3DF #FDDFD9

颜色混合

#D9F7FD

100%

#E3F1F4

75:25

#EDEBEB

50:50

#F5E5E2

25:75

#FDDFD9

100%

CSS渐变代码

background: linear-gradient(to right, #D9F7FD, #FDDFD9);
background: linear-gradient(135deg, #D9F7FD, #FDDFD9);

探索每种颜色

#D9F7FD

查看完整颜色详情

#FDDFD9

查看完整颜色详情

相关比较