#5B8D45

#5B8D45

#77458D

#77458D

对比度

1.77:1

Delta E

93.15

Very Different

50:50 混合

#706C6B

颜色值

格式 #5B8D45 #77458D
HEX #5B8D45 #77458D
RGB 91, 141, 69 119, 69, 141
HSL 101.7, 34.3%, 41.2% 281.7, 34.3%, 41.2%
HSV 101.7, 51.1%, 55.3% 281.7, 51.1%, 55.3%
CMYK 35.5%, 0.0%, 51.1%, 44.7% 15.6%, 51.1%, 0.0%, 44.7%
OKLCH 0.5904 0.116 136.9 0.4801 0.1234 314.7

对比度与无障碍

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #77458D → 背景色: #5B8D45

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

文本: #5B8D45 → 背景色: #77458D

色差 (Delta E)

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

渐变

#5B8D45 #648253 #6B7760 #706C6B #746077 #765382 #77458D

颜色混合

#5B8D45

100%

#687D59

75:25

#706C6B

50:50

#75597D

25:75

#77458D

100%

CSS渐变代码

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

探索每种颜色

#5B8D45

查看完整颜色详情

#77458D

查看完整颜色详情

相关比较