#5F57A5

#5F57A5

#9DA557

#9DA557

对比度

2.34:1

Delta E

92.18

Very Different

50:50 混合

#867D81

颜色值

格式 #5F57A5 #9DA557
HEX #5F57A5 #9DA557
RGB 95, 87, 165 157, 165, 87
HSL 246.2, 31.0%, 49.4% 66.2, 31.0%, 49.4%
HSV 246.2, 47.3%, 64.7% 66.2, 47.3%, 64.7%
CMYK 42.4%, 47.3%, 0.0%, 35.3% 4.8%, 0.0%, 47.3%, 35.3%
OKLCH 0.502 0.1211 285.8 0.6981 0.1025 113.9

对比度与无障碍

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9DA557 → 背景色: #5F57A5

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

文本: #5F57A5 → 背景色: #9DA557

色差 (Delta E)

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

渐变

#5F57A5 #6F6399 #7C708E #867D81 #8F8A74 #979866 #9DA557

颜色混合

#5F57A5

100%

#766A93

75:25

#867D81

50:50

#93916E

25:75

#9DA557

100%

CSS渐变代码

background: linear-gradient(to right, #5F57A5, #9DA557);
background: linear-gradient(135deg, #5F57A5, #9DA557);

探索每种颜色

#5F57A5

查看完整颜色详情

#9DA557

查看完整颜色详情

相关比较