#578564

#578564

#855778

#855778

对比度

1.36:1

Delta E

53.89

Very Different

50:50 混合

#72706E

颜色值

格式 #578564 #855778
HEX #578564 #855778
RGB 87, 133, 100 133, 87, 120
HSL 137.0, 20.9%, 43.1% 317.0, 20.9%, 43.1%
HSV 137.0, 34.6%, 52.2% 317.0, 34.6%, 52.2%
CMYK 34.6%, 0.0%, 24.8%, 47.8% 0.0%, 34.6%, 9.8%, 47.8%
OKLCH 0.5738 0.0717 152.6 0.5183 0.0764 337.7

对比度与无障碍

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #855778 → 背景色: #578564

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

文本: #578564 → 背景色: #855778

色差 (Delta E)

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

渐变

#578564 #617E68 #6A776B #72706E #796872 #7F6075 #855778

颜色混合

#578564

100%

#667B69

75:25

#72706E

50:50

#7C6473

25:75

#855778

100%

CSS渐变代码

background: linear-gradient(to right, #578564, #855778);
background: linear-gradient(135deg, #578564, #855778);

探索每种颜色

#578564

查看完整颜色详情

#855778

查看完整颜色详情

相关比较