#615AA4

#615AA4

#9DA45A

#9DA45A

对比度

2.25:1

Delta E

87.52

Very Different

50:50 混合

颜色值

格式 #615AA4 #9DA45A
HEX #615AA4 #9DA45A
RGB 97, 90, 164 157, 164, 90
HSL 245.7, 29.1%, 49.8% 65.7, 29.1%, 49.8%
HSV 245.7, 45.1%, 64.3% 65.7, 45.1%, 64.3%
CMYK 40.9%, 45.1%, 0.0%, 35.7% 4.3%, 0.0%, 45.1%, 35.7%
OKLCH 0.509 0.1149 285.9 0.6962 0.098 113.4

对比度与无障碍

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA45A → 背景色: #615AA4

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

文本: #615AA4 → 背景色: #9DA45A

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #615AA4, #9DA45A);
background: linear-gradient(135deg, #615AA4, #9DA45A);

探索每种颜色

相关比较