#5DB052

#5DB052

#A552B0

#A552B0

对比度

1.76:1

Delta E

120.39

Very Different

50:50 混合

#8E8784

颜色值

格式 #5DB052 #A552B0
HEX #5DB052 #A552B0
RGB 93, 176, 82 165, 82, 176
HSL 113.0, 37.3%, 50.6% 293.0, 37.3%, 50.6%
HSV 113.0, 53.4%, 69.0% 293.0, 53.4%, 69.0%
CMYK 47.2%, 0.0%, 53.4%, 31.0% 6.2%, 53.4%, 0.0%, 31.0%
OKLCH 0.6829 0.1536 141.4 0.576 0.1628 322.8

对比度与无障碍

1.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #A552B0 → 背景色: #5DB052

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

文本: #5DB052 → 背景色: #A552B0

色差 (Delta E)

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

渐变

#5DB052 #72A364 #819575 #8E8784 #977793 #9F66A2 #A552B0

颜色混合

#5DB052

100%

#7A9C6D

75:25

#8E8784

50:50

#9B6F9A

25:75

#A552B0

100%

CSS渐变代码

background: linear-gradient(to right, #5DB052, #A552B0);
background: linear-gradient(135deg, #5DB052, #A552B0);

探索每种颜色

#5DB052

查看完整颜色详情

#A552B0

查看完整颜色详情

相关比较