#686CD3

#686CD3

#D3CF68

#D3CF68

对比度

2.76:1

Delta E

116.29

Very Different

50:50 混合

#AC9CA2

颜色值

格式 #686CD3 #D3CF68
HEX #686CD3 #D3CF68
RGB 104, 108, 211 211, 207, 104
HSL 237.8, 54.9%, 61.8% 57.8, 54.9%, 61.8%
HSV 237.8, 50.7%, 82.7% 57.8, 50.7%, 82.7%
CMYK 50.7%, 48.8%, 0.0%, 17.3% 0.0%, 1.9%, 50.7%, 17.3%
OKLCH 0.5788 0.155 278.7 0.8367 0.1258 106.8

对比度与无障碍

2.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D3CF68 → 背景色: #686CD3

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

文本: #686CD3 → 背景色: #D3CF68

色差 (Delta E)

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

渐变

#686CD3 #857BC3 #9A8BB3 #AC9CA2 #BBAC91 #C8BE7E #D3CF68

颜色混合

#686CD3

100%

#9083BB

75:25

#AC9CA2

50:50

#C1B587

25:75

#D3CF68

100%

CSS渐变代码

background: linear-gradient(to right, #686CD3, #D3CF68);
background: linear-gradient(135deg, #686CD3, #D3CF68);

探索每种颜色

#686CD3

查看完整颜色详情

#D3CF68

查看完整颜色详情

相关比较