#DCDDF2

#DCDDF2

#F2F1DC

#F2F1DC

对比度

1.17:1

Delta E

22.53

Noticeable

50:50 混合

#E7E7E7

颜色值

格式 #DCDDF2 #F2F1DC
HEX #DCDDF2 #F2F1DC
RGB 220, 221, 242 242, 241, 220
HSL 237.3, 45.8%, 90.6% 57.3, 45.8%, 90.6%
HSV 237.3, 9.1%, 94.9% 57.3, 9.1%, 94.9%
CMYK 9.1%, 8.7%, 0.0%, 5.1% 0.0%, 0.4%, 9.1%, 5.1%
OKLCH 0.9031 0.0286 283.6 0.9533 0.0277 104.7

对比度与无障碍

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F2F1DC → 背景色: #DCDDF2

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

文本: #DCDDF2 → 背景色: #F2F1DC

色差 (Delta E)

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

渐变

#DCDDF2 #E0E0EE #E4E4EB #E7E7E7 #EBEAE3 #EFEEE0 #F2F1DC

颜色混合

#DCDDF2

100%

#E2E2ED

75:25

#E7E7E7

50:50

#EDECE2

25:75

#F2F1DC

100%

CSS渐变代码

background: linear-gradient(to right, #DCDDF2, #F2F1DC);
background: linear-gradient(135deg, #DCDDF2, #F2F1DC);

探索每种颜色

#DCDDF2

查看完整颜色详情

#F2F1DC

查看完整颜色详情

相关比较