#5EB152

#5EB152

#A552B1

#A552B1

对比度

1.78:1

Delta E

121.25

Very Different

50:50 混合

#8E8785

颜色值

格式 #5EB152 #A552B1
HEX #5EB152 #A552B1
RGB 94, 177, 82 165, 82, 177
HSL 112.4, 37.8%, 50.8% 292.4, 37.8%, 50.8%
HSV 112.4, 53.7%, 69.4% 292.4, 53.7%, 69.4%
CMYK 46.9%, 0.0%, 53.7%, 30.6% 6.8%, 53.7%, 0.0%, 30.6%
OKLCH 0.6859 0.1545 141.2 0.5765 0.1637 322.4

对比度与无障碍

1.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #A552B1 → 背景色: #5EB152

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

文本: #5EB152 → 背景色: #A552B1

色差 (Delta E)

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

渐变

#5EB152 #73A464 #829675 #8E8785 #987794 #9F66A3 #A552B1

颜色混合

#5EB152

100%

#7B9D6D

75:25

#8E8785

50:50

#9C6F9B

25:75

#A552B1

100%

CSS渐变代码

background: linear-gradient(to right, #5EB152, #A552B1);
background: linear-gradient(135deg, #5EB152, #A552B1);

探索每种颜色

#5EB152

查看完整颜色详情

#A552B1

查看完整颜色详情

相关比较