#5BAF69

#5BAF69

#AF5BA1

#AF5BA1

对比度

1.61:1

Delta E

99.79

Very Different

50:50 混合

#908A87

颜色值

格式 #5BAF69 #AF5BA1
HEX #5BAF69 #AF5BA1
RGB 91, 175, 105 175, 91, 161
HSL 130.0, 34.4%, 52.2% 310.0, 34.4%, 52.2%
HSV 130.0, 48.0%, 68.6% 310.0, 48.0%, 68.6%
CMYK 48.0%, 0.0%, 40.0%, 31.4% 0.0%, 48.0%, 8.0%, 31.4%
OKLCH 0.6832 0.131 147.7 0.5944 0.1403 333.8

对比度与无障碍

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

文本可读性

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

文本: #AF5BA1 → 背景色: #5BAF69

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

文本: #5BAF69 → 背景色: #AF5BA1

色差 (Delta E)

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

渐变

#5BAF69 #71A373 #82977D #908A87 #9C7C90 #A66D98 #AF5BA1

颜色混合

#5BAF69

100%

#7A9D78

75:25

#908A87

50:50

#A17594

25:75

#AF5BA1

100%

CSS渐变代码

background: linear-gradient(to right, #5BAF69, #AF5BA1);
background: linear-gradient(135deg, #5BAF69, #AF5BA1);

探索每种颜色

#5BAF69

查看完整颜色详情

#AF5BA1

查看完整颜色详情

相关比较