#5B8564

#5B8564

#855B7C

#855B7C

对比度

1.32:1

Delta E

51.66

Very Different

50:50 混合

#737170

颜色值

格式 #5B8564 #855B7C
HEX #5B8564 #855B7C
RGB 91, 133, 100 133, 91, 124
HSL 132.9, 18.8%, 43.9% 312.9, 18.8%, 43.9%
HSV 132.9, 31.6%, 52.2% 312.9, 31.6%, 52.2%
CMYK 31.6%, 0.0%, 24.8%, 47.8% 0.0%, 31.6%, 6.8%, 47.8%
OKLCH 0.5762 0.0687 150.5 0.5273 0.0723 334.5

对比度与无障碍

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #855B7C → 背景色: #5B8564

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

文本: #5B8564 → 背景色: #855B7C

色差 (Delta E)

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

渐变

#5B8564 #647F68 #6C786C #737170 #7A6A74 #806378 #855B7C

颜色混合

#5B8564

100%

#687B6A

75:25

#737170

50:50

#7D6776

25:75

#855B7C

100%

CSS渐变代码

background: linear-gradient(to right, #5B8564, #855B7C);
background: linear-gradient(135deg, #5B8564, #855B7C);

探索每种颜色

#5B8564

查看完整颜色详情

#855B7C

查看完整颜色详情

相关比较