#3D9DAB

#3D9DAB

#AB4B3D

#AB4B3D

对比度

1.74:1

Delta E

76.98

Very Different

50:50 混合

#8D7872

颜色值

格式 #3D9DAB #AB4B3D
HEX #3D9DAB #AB4B3D
RGB 61, 157, 171 171, 75, 61
HSL 187.6, 47.4%, 45.5% 7.6, 47.4%, 45.5%
HSV 187.6, 64.3%, 67.1% 7.6, 64.3%, 67.1%
CMYK 64.3%, 8.2%, 0.0%, 32.9% 0.0%, 56.1%, 64.3%, 32.9%
OKLCH 0.6455 0.0906 208.6 0.5342 0.1293 30.3

对比度与无障碍

1.74:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AB4B3D → 背景色: #3D9DAB

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

文本: #3D9DAB → 背景色: #AB4B3D

色差 (Delta E)

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

渐变

#3D9DAB #659198 #7D8485 #8D7872 #9A6A60 #A35B4E #AB4B3D

颜色混合

#3D9DAB

100%

#728B8E

75:25

#8D7872

50:50

#9F6357

25:75

#AB4B3D

100%

CSS渐变代码

background: linear-gradient(to right, #3D9DAB, #AB4B3D);
background: linear-gradient(135deg, #3D9DAB, #AB4B3D);

探索每种颜色

#3D9DAB

查看完整颜色详情

#AB4B3D

查看完整颜色详情

相关比较