#635BA5

#635BA5

#9DA55B

#9DA55B

对比度

2.23:1

Delta E

87.42

Very Different

50:50 混合

#877F83

颜色值

格式 #635BA5 #9DA55B
HEX #635BA5 #9DA55B
RGB 99, 91, 165 157, 165, 91
HSL 246.5, 29.1%, 50.2% 66.5, 29.1%, 50.2%
HSV 246.5, 44.8%, 64.7% 66.5, 44.8%, 64.7%
CMYK 40.0%, 44.8%, 0.0%, 35.3% 4.8%, 0.0%, 44.8%, 35.3%
OKLCH 0.5133 0.1147 286.6 0.6986 0.0982 114.0

对比度与无障碍

2.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA55B → 背景色: #635BA5

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

文本: #635BA5 → 背景色: #9DA55B

色差 (Delta E)

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

渐变

#635BA5 #72679A #7E738F #877F83 #908C77 #979869 #9DA55B

颜色混合

#635BA5

100%

#786D94

75:25

#877F83

50:50

#949270

25:75

#9DA55B

100%

CSS渐变代码

background: linear-gradient(to right, #635BA5, #9DA55B);
background: linear-gradient(135deg, #635BA5, #9DA55B);

探索每种颜色

#635BA5

查看完整颜色详情

#9DA55B

查看完整颜色详情

相关比较