#5DAF5D

#5DAF5D

#AF5DAF

#AF5DAF

对比度

1.55:1

Delta E

108.99

Very Different

50:50 混合

#918B88

颜色值

格式 #5DAF5D #AF5DAF
HEX #5DAF5D #AF5DAF
RGB 93, 175, 93 175, 93, 175
HSL 120.0, 33.9%, 52.5% 300.0, 33.9%, 52.5%
HSV 120.0, 46.9%, 68.6% 300.0, 46.9%, 68.6%
CMYK 46.9%, 0.0%, 46.9%, 31.4% 0.0%, 46.9%, 0.0%, 31.4%
OKLCH 0.682 0.1418 143.8 0.6038 0.1496 327.2

对比度与无障碍

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF5DAF → 背景色: #5DAF5D

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

文本: #5DAF5D → 背景色: #AF5DAF

色差 (Delta E)

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

渐变

#5DAF5D #73A46C #83987A #918B88 #9D7D95 #A66EA2 #AF5DAF

颜色混合

#5DAF5D

100%

#7C9E73

75:25

#918B88

50:50

#A2769C

25:75

#AF5DAF

100%

CSS渐变代码

background: linear-gradient(to right, #5DAF5D, #AF5DAF);
background: linear-gradient(135deg, #5DAF5D, #AF5DAF);

探索每种颜色

#5DAF5D

查看完整颜色详情

#AF5DAF

查看完整颜色详情

相关比较