#649DBE

#649DBE

#BE8564

#BE8564

对比度

1.06:1

Delta E

56.58

Very Different

50:50 混合

#9D9191

颜色值

格式 #649DBE #BE8564
HEX #649DBE #BE8564
RGB 100, 157, 190 190, 133, 100
HSL 202.0, 40.9%, 56.9% 22.0, 40.9%, 56.9%
HSV 202.0, 47.4%, 74.5% 22.0, 47.4%, 74.5%
CMYK 47.4%, 17.4%, 0.0%, 25.5% 0.0%, 30.0%, 47.4%, 25.5%
OKLCH 0.6694 0.0773 235.0 0.6659 0.0843 50.9

对比度与无障碍

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

文本可读性

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

文本: #BE8564 → 背景色: #649DBE

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

文本: #649DBE → 背景色: #BE8564

色差 (Delta E)

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

渐变

#649DBE #7C99AF #8E95A0 #9D9191 #AA8D82 #B48973 #BE8564

颜色混合

#649DBE

100%

#8697A7

75:25

#9D9191

50:50

#AF8B7A

25:75

#BE8564

100%

CSS渐变代码

background: linear-gradient(to right, #649DBE, #BE8564);
background: linear-gradient(135deg, #649DBE, #BE8564);

探索每种颜色

#649DBE

查看完整颜色详情

#BE8564

查看完整颜色详情

相关比较