#646E8F

#646E8F

#8F8564

#8F8564

对比度

1.37:1

Delta E

39.91

Very Different

50:50 混合

#7C797A

颜色值

格式 #646E8F #8F8564
HEX #646E8F #8F8564
RGB 100, 110, 143 143, 133, 100
HSL 226.0, 17.7%, 47.6% 46.0, 17.7%, 47.6%
HSV 226.0, 30.1%, 56.1% 46.0, 30.1%, 56.1%
CMYK 30.1%, 23.1%, 0.0%, 43.9% 0.0%, 7.0%, 30.1%, 43.9%
OKLCH 0.5426 0.0532 271.5 0.6169 0.0485 93.2

对比度与无障碍

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #8F8564 → 背景色: #646E8F

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

文本: #646E8F → 背景色: #8F8564

色差 (Delta E)

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

渐变

#646E8F #6D7288 #757581 #7C797A #837D73 #89816C #8F8564

颜色混合

#646E8F

100%

#717485

75:25

#7C797A

50:50

#867F6F

25:75

#8F8564

100%

CSS渐变代码

background: linear-gradient(to right, #646E8F, #8F8564);
background: linear-gradient(135deg, #646E8F, #8F8564);

探索每种颜色

#646E8F

查看完整颜色详情

#8F8564

查看完整颜色详情

相关比较