#649ADE

#649ADE

#DEA864

#DEA864

对比度

1.37:1

Delta E

83.71

Very Different

50:50 混合

#B2A0A2

颜色值

格式 #649ADE #DEA864
HEX #649ADE #DEA864
RGB 100, 154, 222 222, 168, 100
HSL 213.4, 64.9%, 63.1% 33.4, 64.9%, 63.1%
HSV 213.4, 55.0%, 87.1% 33.4, 55.0%, 87.1%
CMYK 55.0%, 30.6%, 0.0%, 12.9% 0.0%, 24.3%, 55.0%, 12.9%
OKLCH 0.6774 0.1166 254.8 0.7677 0.1066 71.5

对比度与无障碍

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

文本可读性

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

文本: #DEA864 → 背景色: #649ADE

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

文本: #649ADE → 背景色: #DEA864

色差 (Delta E)

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

渐变

#649ADE #869CCA #9F9EB6 #B2A0A2 #C3A38E #D1A57A #DEA864

颜色混合

#649ADE

100%

#939DC0

75:25

#B2A0A2

50:50

#CAA484

25:75

#DEA864

100%

CSS渐变代码

background: linear-gradient(to right, #649ADE, #DEA864);
background: linear-gradient(135deg, #649ADE, #DEA864);

探索每种颜色

#649ADE

查看完整颜色详情

#DEA864

查看完整颜色详情

相关比较