#657CD3

#657CD3

#D3BC65

#D3BC65

对比度

2.07:1

Delta E

98.61

Very Different

50:50 混合

#AA9A9F

颜色值

格式 #657CD3 #D3BC65
HEX #657CD3 #D3BC65
RGB 101, 124, 211 211, 188, 101
HSL 227.5, 55.6%, 61.2% 47.5, 55.6%, 61.2%
HSV 227.5, 52.1%, 82.7% 47.5, 52.1%, 82.7%
CMYK 52.1%, 41.2%, 0.0%, 17.3% 0.0%, 10.9%, 52.1%, 17.3%
OKLCH 0.6085 0.1347 270.8 0.7967 0.1107 94.9

对比度与无障碍

2.07:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D3BC65 → 背景色: #657CD3

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

文本: #657CD3 → 背景色: #D3BC65

色差 (Delta E)

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

渐变

#657CD3 #8286C2 #9890B1 #AA9A9F #B9A58D #C7B17A #D3BC65

颜色混合

#657CD3

100%

#8E8BB9

75:25

#AA9A9F

50:50

#C0AB84

25:75

#D3BC65

100%

CSS渐变代码

background: linear-gradient(to right, #657CD3, #D3BC65);
background: linear-gradient(135deg, #657CD3, #D3BC65);

探索每种颜色

#657CD3

查看完整颜色详情

#D3BC65

查看完整颜色详情

相关比较