#402FAE

#402FAE

#9DAE2F

#9DAE2F

对比度

3.81:1

Delta E

145.96

Very Different

50:50 混合

#856E79

颜色值

格式 #402FAE #9DAE2F
HEX #402FAE #9DAE2F
RGB 64, 47, 174 157, 174, 47
HSL 248.0, 57.5%, 43.3% 68.0, 57.5%, 43.3%
HSV 248.0, 73.0%, 68.2% 68.0, 73.0%, 68.2%
CMYK 63.2%, 73.0%, 0.0%, 31.8% 9.8%, 0.0%, 73.0%, 31.8%
OKLCH 0.4146 0.1904 280.2 0.7144 0.1476 117.0

对比度与无障碍

3.81:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #9DAE2F → 背景色: #402FAE

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

文本: #402FAE → 背景色: #9DAE2F

色差 (Delta E)

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

渐变

#402FAE #61449D #76598B #856E79 #908365 #98984E #9DAE2F

颜色混合

#402FAE

100%

#6C4E94

75:25

#856E79

50:50

#948E5A

25:75

#9DAE2F

100%

CSS渐变代码

background: linear-gradient(to right, #402FAE, #9DAE2F);
background: linear-gradient(135deg, #402FAE, #9DAE2F);

探索每种颜色

#402FAE

查看完整颜色详情

#9DAE2F

查看完整颜色详情

相关比较