#5F9DAB

#5F9DAB

#AB6D5F

#AB6D5F

对比度

1.36:1

Delta E

51.19

Very Different

50:50 混合

#908684

颜色值

格式 #5F9DAB #AB6D5F
HEX #5F9DAB #AB6D5F
RGB 95, 157, 171 171, 109, 95
HSL 191.1, 31.1%, 52.2% 11.1, 31.1%, 52.2%
HSV 191.1, 44.4%, 67.1% 11.1, 44.4%, 67.1%
CMYK 44.4%, 8.2%, 0.0%, 32.9% 0.0%, 36.3%, 44.4%, 32.9%
OKLCH 0.6593 0.0672 213.7 0.5976 0.0827 33.4

对比度与无障碍

1.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AB6D5F → 背景色: #5F9DAB

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

文本: #5F9DAB → 背景色: #AB6D5F

色差 (Delta E)

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

渐变

#5F9DAB #74969E #838E91 #908684 #9A7E78 #A3766B #AB6D5F

颜色混合

#5F9DAB

100%

#7C9298

75:25

#908684

50:50

#9F7A72

25:75

#AB6D5F

100%

CSS渐变代码

background: linear-gradient(to right, #5F9DAB, #AB6D5F);
background: linear-gradient(135deg, #5F9DAB, #AB6D5F);

探索每种颜色

#5F9DAB

查看完整颜色详情

#AB6D5F

查看完整颜色详情

相关比较