#5ABC4D

#5ABC4D

#AF4DBC

#AF4DBC

对比度

1.89:1

Delta E

138.58

Very Different

50:50 混合

#958C89

颜色值

格式 #5ABC4D #AF4DBC
HEX #5ABC4D #AF4DBC
RGB 90, 188, 77 175, 77, 188
HSL 113.0, 45.3%, 52.0% 293.0, 45.3%, 52.0%
HSV 113.0, 59.0%, 73.7% 293.0, 59.0%, 73.7%
CMYK 52.1%, 0.0%, 59.0%, 26.3% 6.9%, 59.0%, 0.0%, 26.3%
OKLCH 0.7117 0.1758 141.4 0.5888 0.1872 322.8

对比度与无障碍

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF4DBC → 背景色: #5ABC4D

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

文本: #5ABC4D → 背景色: #AF4DBC

色差 (Delta E)

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

渐变

#5ABC4D #74AD63 #879D77 #958C89 #A07A9A #A966AB #AF4DBC

颜色混合

#5ABC4D

100%

#7EA56D

75:25

#958C89

50:50

#A570A3

25:75

#AF4DBC

100%

CSS渐变代码

background: linear-gradient(to right, #5ABC4D, #AF4DBC);
background: linear-gradient(135deg, #5ABC4D, #AF4DBC);

探索每种颜色

#5ABC4D

查看完整颜色详情

#AF4DBC

查看完整颜色详情

相关比较