#DCD3FD

#DCD3FD

#F4FDD3

#F4FDD3

对比度

1.34:1

Delta E

45.29

Very Different

50:50 混合

#E9E8E8

颜色值

格式 #DCD3FD #F4FDD3
HEX #DCD3FD #F4FDD3
RGB 220, 211, 253 244, 253, 211
HSL 252.9, 91.3%, 91.0% 72.9, 91.3%, 91.0%
HSV 252.9, 16.6%, 99.2% 72.9, 16.6%, 99.2%
CMYK 13.0%, 16.6%, 0.0%, 0.8% 3.6%, 0.0%, 16.6%, 0.8%
OKLCH 0.8874 0.0579 295.0 0.9767 0.0554 117.3

对比度与无障碍

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F4FDD3 → 背景色: #DCD3FD

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

文本: #DCD3FD → 背景色: #F4FDD3

色差 (Delta E)

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

渐变

#DCD3FD #E1DAF6 #E5E1EF #E9E8E8 #EDEFE1 #F1F6DA #F4FDD3

颜色混合

#DCD3FD

100%

#E3DDF3

75:25

#E9E8E8

50:50

#EFF2DE

25:75

#F4FDD3

100%

CSS渐变代码

background: linear-gradient(to right, #DCD3FD, #F4FDD3);
background: linear-gradient(135deg, #DCD3FD, #F4FDD3);

探索每种颜色

#DCD3FD

查看完整颜色详情

#F4FDD3

查看完整颜色详情

相关比较