#5A8C45

#5A8C45

#77458C

#77458C

对比度

1.75:1

Delta E

92.18

Very Different

50:50 混合

#706B6B

颜色值

格式 #5A8C45 #77458C
HEX #5A8C45 #77458C
RGB 90, 140, 69 119, 69, 140
HSL 102.3, 34.0%, 41.0% 282.3, 34.0%, 41.0%
HSV 102.3, 50.7%, 54.9% 282.3, 50.7%, 54.9%
CMYK 35.7%, 0.0%, 50.7%, 45.1% 15.0%, 50.7%, 0.0%, 45.1%
OKLCH 0.5872 0.115 137.2 0.4795 0.1222 315.1

对比度与无障碍

1.75:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #77458C → 背景色: #5A8C45

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

文本: #5A8C45 → 背景色: #77458C

色差 (Delta E)

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

渐变

#5A8C45 #638153 #6B765F #706B6B #745F76 #765381 #77458C

颜色混合

#5A8C45

100%

#677C59

75:25

#706B6B

50:50

#75597C

25:75

#77458C

100%

CSS渐变代码

background: linear-gradient(to right, #5A8C45, #77458C);
background: linear-gradient(135deg, #5A8C45, #77458C);

探索每种颜色

#5A8C45

查看完整颜色详情

#77458C

查看完整颜色详情

相关比较