#648579

#648579

#856470

#856470

对比度

1.28:1

Delta E

30.71

Very Different

50:50 混合

#777574

颜色值

格式 #648579 #856470
HEX #648579 #856470
RGB 100, 133, 121 133, 100, 112
HSL 158.2, 14.2%, 45.7% 338.2, 14.2%, 45.7%
HSV 158.2, 24.8%, 52.2% 338.2, 24.8%, 52.2%
CMYK 24.8%, 0.0%, 9.0%, 47.8% 0.0%, 24.8%, 15.8%, 47.8%
OKLCH 0.5878 0.0417 170.5 0.5404 0.0457 355.1

对比度与无障碍

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #856470 → 背景色: #648579

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

文本: #648579 → 背景色: #856470

色差 (Delta E)

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

渐变

#648579 #6B8077 #717B76 #777574 #7C7073 #816A71 #856470

颜色混合

#648579

100%

#6E7D77

75:25

#777574

50:50

#7E6D72

25:75

#856470

100%

CSS渐变代码

background: linear-gradient(to right, #648579, #856470);
background: linear-gradient(135deg, #648579, #856470);

探索每种颜色

#648579

查看完整颜色详情

#856470

查看完整颜色详情

相关比较