#7B9DAB

#7B9DAB

#AB897B

#AB897B

对比度

1.1:1

Delta E

30.46

Very Different

50:50 混合

#979393

颜色值

格式 #7B9DAB #AB897B
HEX #7B9DAB #AB897B
RGB 123, 157, 171 171, 137, 123
HSL 197.5, 22.2%, 57.6% 17.5, 22.2%, 57.6%
HSV 197.5, 28.1%, 67.1% 17.5, 28.1%, 67.1%
CMYK 28.1%, 8.2%, 0.0%, 32.9% 0.0%, 19.9%, 28.1%, 32.9%
OKLCH 0.6754 0.0429 225.0 0.6581 0.0465 43.5

对比度与无障碍

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AB897B → 背景色: #7B9DAB

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

文本: #7B9DAB → 背景色: #AB897B

色差 (Delta E)

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

渐变

#7B9DAB #859AA3 #8F979B #979393 #9E908B #A58C83 #AB897B

颜色混合

#7B9DAB

100%

#8A989F

75:25

#979393

50:50

#A28E87

25:75

#AB897B

100%

CSS渐变代码

background: linear-gradient(to right, #7B9DAB, #AB897B);
background: linear-gradient(135deg, #7B9DAB, #AB897B);

探索每种颜色

#7B9DAB

查看完整颜色详情

#AB897B

查看完整颜色详情

相关比较