#C4B2EE

#C4B2EE

#DCEEB2

#DCEEB2

对比度

1.54:1

Delta E

66.31

Very Different

50:50 混合

#D3D0D1

颜色值

格式 #C4B2EE #DCEEB2
HEX #C4B2EE #DCEEB2
RGB 196, 178, 238 220, 238, 178
HSL 258.0, 63.8%, 81.6% 78.0, 63.8%, 81.6%
HSV 258.0, 25.2%, 93.3% 78.0, 25.2%, 93.3%
CMYK 17.6%, 25.2%, 0.0%, 6.7% 7.6%, 0.0%, 25.2%, 6.7%
OKLCH 0.7994 0.0857 298.2 0.921 0.0806 121.6

对比度与无障碍

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCEEB2 → 背景色: #C4B2EE

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

文本: #C4B2EE → 背景色: #DCEEB2

色差 (Delta E)

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

渐变

#C4B2EE #CABCE5 #CFC6DB #D3D0D1 #D6DAC7 #D9E4BD #DCEEB2

颜色混合

#C4B2EE

100%

#CCC1E0

75:25

#D3D0D1

50:50

#D8DFC2

25:75

#DCEEB2

100%

CSS渐变代码

background: linear-gradient(to right, #C4B2EE, #DCEEB2);
background: linear-gradient(135deg, #C4B2EE, #DCEEB2);

探索每种颜色

#C4B2EE

查看完整颜色详情

#DCEEB2

查看完整颜色详情

相关比较