#3D2CAE

#3D2CAE

#9DAE2C

#9DAE2C

对比度

3.93:1

Delta E

148.86

Very Different

50:50 混合

#846C78

颜色值

格式 #3D2CAE #9DAE2C
HEX #3D2CAE #9DAE2C
RGB 61, 44, 174 157, 174, 44
HSL 247.8, 59.6%, 42.7% 67.8, 59.6%, 42.7%
HSV 247.8, 74.7%, 68.2% 67.8, 74.7%, 68.2%
CMYK 64.9%, 74.7%, 0.0%, 31.8% 9.8%, 0.0%, 74.7%, 31.8%
OKLCH 0.4081 0.1941 279.3 0.7142 0.1493 116.9

对比度与无障碍

3.93:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DAE2C → 背景色: #3D2CAE

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

文本: #3D2CAE → 背景色: #9DAE2C

色差 (Delta E)

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

渐变

#3D2CAE #60429D #75578B #846C78 #8F8264 #98984D #9DAE2C

颜色混合

#3D2CAE

100%

#6B4C94

75:25

#846C78

50:50

#948D59

25:75

#9DAE2C

100%

CSS渐变代码

background: linear-gradient(to right, #3D2CAE, #9DAE2C);
background: linear-gradient(135deg, #3D2CAE, #9DAE2C);

探索每种颜色

#3D2CAE

查看完整颜色详情

#9DAE2C

查看完整颜色详情

相关比较