#D9DAF1

#D9DAF1

#F1F0D9

#F1F0D9

对比度

1.19:1

Delta E

24.74

Noticeable

50:50 混合

#E6E5E5

颜色值

格式 #D9DAF1 #F1F0D9
HEX #D9DAF1 #F1F0D9
RGB 217, 218, 241 241, 240, 217
HSL 237.5, 46.2%, 89.8% 57.5, 46.2%, 89.8%
HSV 237.5, 10.0%, 94.5% 57.5, 10.0%, 94.5%
CMYK 10.0%, 9.5%, 0.0%, 5.5% 0.0%, 0.4%, 10.0%, 5.5%
OKLCH 0.8946 0.0314 283.8 0.9498 0.0303 104.9

对比度与无障碍

1.19:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F1F0D9 → 背景色: #D9DAF1

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

文本: #D9DAF1 → 背景色: #F1F0D9

色差 (Delta E)

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

渐变

#D9DAF1 #DDDEED #E1E1E9 #E6E5E5 #E9E9E1 #EDECDD #F1F0D9

颜色混合

#D9DAF1

100%

#DFDFEB

75:25

#E6E5E5

50:50

#EBEADF

25:75

#F1F0D9

100%

CSS渐变代码

background: linear-gradient(to right, #D9DAF1, #F1F0D9);
background: linear-gradient(135deg, #D9DAF1, #F1F0D9);

探索每种颜色

#D9DAF1

查看完整颜色详情

#F1F0D9

查看完整颜色详情

相关比较