#5A8564

#5A8564

#855A7B

#855A7B

对比度

1.33:1

Delta E

52.22

Very Different

50:50 混合

#737170

颜色值

格式 #5A8564 #855A7B
HEX #5A8564 #855A7B
RGB 90, 133, 100 133, 90, 123
HSL 134.0, 19.3%, 43.7% 314.0, 19.3%, 43.7%
HSV 134.0, 32.3%, 52.2% 314.0, 32.3%, 52.2%
CMYK 32.3%, 0.0%, 24.8%, 47.8% 0.0%, 32.3%, 7.5%, 47.8%
OKLCH 0.5756 0.0695 151.0 0.525 0.0733 335.3

对比度与无障碍

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #855A7B → 背景色: #5A8564

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

文本: #5A8564 → 背景色: #855A7B

色差 (Delta E)

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

渐变

#5A8564 #637F68 #6C786C #737170 #7A6A74 #806277 #855A7B

颜色混合

#5A8564

100%

#687B6A

75:25

#737170

50:50

#7D6676

25:75

#855A7B

100%

CSS渐变代码

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

探索每种颜色

#5A8564

查看完整颜色详情

#855A7B

查看完整颜色详情

相关比较