#5BAF68

#5BAF68

#AF5BA2

#AF5BA2

对比度

1.61:1

Delta E

100.61

Very Different

50:50 混合

#908A87

颜色值

格式 #5BAF68 #AF5BA2
HEX #5BAF68 #AF5BA2
RGB 91, 175, 104 175, 91, 162
HSL 129.3, 34.4%, 52.2% 309.3, 34.4%, 52.2%
HSV 129.3, 48.0%, 68.6% 309.3, 48.0%, 68.6%
CMYK 48.0%, 0.0%, 40.6%, 31.4% 0.0%, 48.0%, 7.4%, 31.4%
OKLCH 0.683 0.132 147.4 0.5949 0.1412 333.3

对比度与无障碍

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF5BA2 → 背景色: #5BAF68

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

文本: #5BAF68 → 背景色: #AF5BA2

色差 (Delta E)

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

渐变

#5BAF68 #71A373 #82977D #908A87 #9C7C90 #A66D99 #AF5BA2

颜色混合

#5BAF68

100%

#7A9D78

75:25

#908A87

50:50

#A17595

25:75

#AF5BA2

100%

CSS渐变代码

background: linear-gradient(to right, #5BAF68, #AF5BA2);
background: linear-gradient(135deg, #5BAF68, #AF5BA2);

探索每种颜色

#5BAF68

查看完整颜色详情

#AF5BA2

查看完整颜色详情

相关比较