#648CAD

#648CAD

#AD8564

#AD8564

对比度

1.07:1

Delta E

48.15

Very Different

50:50 混合

#908989

颜色值

格式 #648CAD #AD8564
HEX #648CAD #AD8564
RGB 100, 140, 173 173, 133, 100
HSL 207.1, 30.8%, 53.5% 27.1, 30.8%, 53.5%
HSV 207.1, 42.2%, 67.8% 27.1, 42.2%, 67.8%
CMYK 42.2%, 19.1%, 0.0%, 32.2% 0.0%, 23.1%, 42.2%, 32.2%
OKLCH 0.6234 0.0669 244.0 0.647 0.0675 60.7

对比度与无障碍

1.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AD8564 → 背景色: #648CAD

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

文本: #648CAD → 背景色: #AD8564

色差 (Delta E)

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

渐变

#648CAD #768BA1 #848A95 #908989 #9B877D #A48670 #AD8564

颜色混合

#648CAD

100%

#7D8A9B

75:25

#908989

50:50

#A08776

25:75

#AD8564

100%

CSS渐变代码

background: linear-gradient(to right, #648CAD, #AD8564);
background: linear-gradient(135deg, #648CAD, #AD8564);

探索每种颜色

#648CAD

查看完整颜色详情

#AD8564

查看完整颜色详情

相关比较