#5BAF5B

#5BAF5B

#AF5BAF

#AF5BAF

对比度

1.56:1

Delta E

111.42

Very Different

50:50 混合

#918A87

颜色值

格式 #5BAF5B #AF5BAF
HEX #5BAF5B #AF5BAF
RGB 91, 175, 91 175, 91, 175
HSL 120.0, 34.4%, 52.2% 300.0, 34.4%, 52.2%
HSV 120.0, 48.0%, 68.6% 300.0, 48.0%, 68.6%
CMYK 48.0%, 0.0%, 48.0%, 31.4% 0.0%, 48.0%, 0.0%, 31.4%
OKLCH 0.6808 0.1448 143.8 0.6009 0.1529 327.3

对比度与无障碍

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF5BAF → 背景色: #5BAF5B

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

文本: #5BAF5B → 背景色: #AF5BAF

色差 (Delta E)

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

渐变

#5BAF5B #72A36B #839779 #918A87 #9C7C95 #A66DA2 #AF5BAF

颜色混合

#5BAF5B

100%

#7B9D72

75:25

#918A87

50:50

#A2759B

25:75

#AF5BAF

100%

CSS渐变代码

background: linear-gradient(to right, #5BAF5B, #AF5BAF);
background: linear-gradient(135deg, #5BAF5B, #AF5BAF);

探索每种颜色

#5BAF5B

查看完整颜色详情

#AF5BAF

查看完整颜色详情

相关比较