#678864

#678864

#856488

#856488

对比度

1.27:1

Delta E

49.9

Very Different

50:50 混合

#787776

颜色值

格式 #678864 #856488
HEX #678864 #856488
RGB 103, 136, 100 133, 100, 136
HSL 115.0, 15.3%, 46.3% 295.0, 15.3%, 46.3%
HSV 115.0, 26.5%, 53.3% 295.0, 26.5%, 53.3%
CMYK 24.3%, 0.0%, 26.5%, 46.7% 2.2%, 26.5%, 0.0%, 46.7%
OKLCH 0.5915 0.0655 142.6 0.5493 0.0674 323.7

对比度与无障碍

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #856488 → 背景色: #678864

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

文本: #678864 → 背景色: #856488

色差 (Delta E)

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

渐变

#678864 #6D826A #737D70 #787776 #7D717C #816B82 #856488

颜色混合

#678864

100%

#70806D

75:25

#787776

50:50

#7F6E7F

25:75

#856488

100%

CSS渐变代码

background: linear-gradient(to right, #678864, #856488);
background: linear-gradient(135deg, #678864, #856488);

探索每种颜色

#678864

查看完整颜色详情

#856488

查看完整颜色详情

相关比较