#6B9DAB

#6B9DAB

#AB796B

#AB796B

对比度

1.24:1

Delta E

42.06

Very Different

50:50 混合

#928C8B

颜色值

格式 #6B9DAB #AB796B
HEX #6B9DAB #AB796B
RGB 107, 157, 171 171, 121, 107
HSL 193.1, 27.6%, 54.5% 13.1, 27.6%, 54.5%
HSV 193.1, 37.4%, 67.1% 13.1, 37.4%, 67.1%
CMYK 37.4%, 8.2%, 0.0%, 32.9% 0.0%, 29.2%, 37.4%, 32.9%
OKLCH 0.6657 0.0571 217.2 0.6229 0.0666 36.3

对比度与无障碍

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AB796B → 背景色: #6B9DAB

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

文本: #6B9DAB → 背景色: #AB796B

色差 (Delta E)

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

渐变

#6B9DAB #7B97A0 #889295 #928C8B #9C8680 #A47F75 #AB796B

颜色混合

#6B9DAB

100%

#81949B

75:25

#928C8B

50:50

#A0837B

25:75

#AB796B

100%

CSS渐变代码

background: linear-gradient(to right, #6B9DAB, #AB796B);
background: linear-gradient(135deg, #6B9DAB, #AB796B);

探索每种颜色

#6B9DAB

查看完整颜色详情

#AB796B

查看完整颜色详情

相关比较