#56AF7F

#56AF7F

#AF5686

#AF5686

对比度

1.74:1

Delta E

85.88

Very Different

50:50 混合

#8F8783

颜色值

格式 #56AF7F #AF5686
HEX #56AF7F #AF5686
RGB 86, 175, 127 175, 86, 134
HSL 147.6, 35.7%, 51.2% 327.6, 35.7%, 51.2%
HSV 147.6, 50.9%, 68.6% 327.6, 50.9%, 68.6%
CMYK 50.9%, 0.0%, 27.4%, 31.4% 0.0%, 50.9%, 23.4%, 31.4%
OKLCH 0.6858 0.1124 157.9 0.5761 0.1289 348.4

对比度与无障碍

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF5686 → 背景色: #56AF7F

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

文本: #56AF7F → 背景色: #AF5686

色差 (Delta E)

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

渐变

#56AF7F #6EA280 #809582 #8F8783 #9B7984 #A66885 #AF5686

颜色混合

#56AF7F

100%

#789C81

75:25

#8F8783

50:50

#A17185

25:75

#AF5686

100%

CSS渐变代码

background: linear-gradient(to right, #56AF7F, #AF5686);
background: linear-gradient(135deg, #56AF7F, #AF5686);

探索每种颜色

#56AF7F

查看完整颜色详情

#AF5686

查看完整颜色详情

相关比较