#7697BC

#7697BC

#BC9B76

#BC9B76

对比度

1.17:1

Delta E

47.98

Very Different

50:50 混合

#9F9999

颜色值

格式 #7697BC #BC9B76
HEX #7697BC #BC9B76
RGB 118, 151, 188 188, 155, 118
HSL 211.7, 34.3%, 60.0% 31.7, 34.3%, 60.0%
HSV 211.7, 37.2%, 73.7% 31.7, 37.2%, 73.7%
CMYK 37.2%, 19.7%, 0.0%, 26.3% 0.0%, 17.6%, 37.2%, 26.3%
OKLCH 0.6655 0.0665 251.7 0.7103 0.0641 69.7

对比度与无障碍

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #BC9B76 → 背景色: #7697BC

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

文本: #7697BC → 背景色: #BC9B76

色差 (Delta E)

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

渐变

#7697BC #8698B0 #9398A5 #9F9999 #AA9A8E #B39A82 #BC9B76

颜色混合

#7697BC

100%

#8D98AB

75:25

#9F9999

50:50

#AF9A88

25:75

#BC9B76

100%

CSS渐变代码

background: linear-gradient(to right, #7697BC, #BC9B76);
background: linear-gradient(135deg, #7697BC, #BC9B76);

探索每种颜色

#7697BC

查看完整颜色详情

#BC9B76

查看完整颜色详情

相关比较