#DCD3F9

#DCD3F9

#F0F9D3

#F0F9D3

对比度

1.3:1

Delta E

41.11

Very Different

50:50 混合

#E7E6E6

颜色值

格式 #DCD3F9 #F0F9D3
HEX #DCD3F9 #F0F9D3
RGB 220, 211, 249 240, 249, 211
HSL 254.2, 76.0%, 90.2% 74.2, 76.0%, 90.2%
HSV 254.2, 15.3%, 97.6% 74.2, 15.3%, 97.6%
CMYK 11.6%, 15.3%, 0.0%, 2.4% 3.6%, 0.0%, 15.3%, 2.4%
OKLCH 0.886 0.0526 296.2 0.9656 0.0505 118.2

对比度与无障碍

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F0F9D3 → 背景色: #DCD3F9

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

文本: #DCD3F9 → 背景色: #F0F9D3

色差 (Delta E)

41.11 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#DCD3F9 #E0D9F3 #E4E0ED #E7E6E6 #EAECE0 #EDF3DA #F0F9D3

颜色混合

#DCD3F9

100%

#E2DCF0

75:25

#E7E6E6

50:50

#ECEFDD

25:75

#F0F9D3

100%

CSS渐变代码

background: linear-gradient(to right, #DCD3F9, #F0F9D3);
background: linear-gradient(135deg, #DCD3F9, #F0F9D3);

探索每种颜色

#DCD3F9

查看完整颜色详情

#F0F9D3

查看完整颜色详情

相关比较