#D9DAF0

#D9DAF0

#F0EFD9

#F0EFD9

对比度

1.18:1

Delta E

23.67

Noticeable

50:50 混合

#E5E4E5

颜色值

格式 #D9DAF0 #F0EFD9
HEX #D9DAF0 #F0EFD9
RGB 217, 218, 240 240, 239, 217
HSL 237.4, 43.4%, 89.6% 57.4, 43.4%, 89.6%
HSV 237.4, 9.6%, 94.1% 57.4, 9.6%, 94.1%
CMYK 9.6%, 9.2%, 0.0%, 5.9% 0.0%, 0.4%, 9.6%, 5.9%
OKLCH 0.8943 0.03 283.7 0.9471 0.029 104.8

对比度与无障碍

1.18:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F0EFD9 → 背景色: #D9DAF0

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

文本: #D9DAF0 → 背景色: #F0EFD9

色差 (Delta E)

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

渐变

#D9DAF0 #DDDDEC #E1E1E8 #E5E4E5 #E9E8E1 #ECEBDD #F0EFD9

颜色混合

#D9DAF0

100%

#DFDFEA

75:25

#E5E4E5

50:50

#EBEADF

25:75

#F0EFD9

100%

CSS渐变代码

background: linear-gradient(to right, #D9DAF0, #F0EFD9);
background: linear-gradient(135deg, #D9DAF0, #F0EFD9);

探索每种颜色

#D9DAF0

查看完整颜色详情

#F0EFD9

查看完整颜色详情

相关比较