#648EAF

#648EAF

#AF8564

#AF8564

对比度

1.06:1

Delta E

49.05

Very Different

50:50 混合

#928A8A

颜色值

格式 #648EAF #AF8564
HEX #648EAF #AF8564
RGB 100, 142, 175 175, 133, 100
HSL 206.4, 31.9%, 53.9% 26.4, 31.9%, 53.9%
HSV 206.4, 42.9%, 68.6% 26.4, 42.9%, 68.6%
CMYK 42.9%, 18.9%, 0.0%, 31.4% 0.0%, 24.0%, 42.9%, 31.4%
OKLCH 0.6288 0.0681 242.8 0.6492 0.0694 59.3

对比度与无障碍

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF8564 → 背景色: #648EAF

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

文本: #648EAF → 背景色: #AF8564

色差 (Delta E)

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

渐变

#648EAF #768DA3 #858B96 #928A8A #9D887D #A68771 #AF8564

颜色混合

#648EAF

100%

#7E8C9C

75:25

#928A8A

50:50

#A28777

25:75

#AF8564

100%

CSS渐变代码

background: linear-gradient(to right, #648EAF, #AF8564);
background: linear-gradient(135deg, #648EAF, #AF8564);

探索每种颜色

#648EAF

查看完整颜色详情

#AF8564

查看完整颜色详情

相关比较