#5A9DAF

#5A9DAF

#AF6C5A

#AF6C5A

对比度

1.34:1

Delta E

56.09

Very Different

50:50 混合

#928684

颜色值

格式 #5A9DAF #AF6C5A
HEX #5A9DAF #AF6C5A
RGB 90, 157, 175 175, 108, 90
HSL 192.7, 34.7%, 52.0% 12.7, 34.7%, 52.0%
HSV 192.7, 48.6%, 68.6% 12.7, 48.6%, 68.6%
CMYK 48.6%, 10.3%, 0.0%, 31.4% 0.0%, 38.3%, 48.6%, 31.4%
OKLCH 0.6584 0.0731 217.1 0.5997 0.0905 35.8

对比度与无障碍

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF6C5A → 背景色: #5A9DAF

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

文本: #5A9DAF → 背景色: #AF6C5A

色差 (Delta E)

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

渐变

#5A9DAF #7295A0 #848E92 #928684 #9D7E76 #A77568 #AF6C5A

颜色混合

#5A9DAF

100%

#7C9299

75:25

#928684

50:50

#A2796F

25:75

#AF6C5A

100%

CSS渐变代码

background: linear-gradient(to right, #5A9DAF, #AF6C5A);
background: linear-gradient(135deg, #5A9DAF, #AF6C5A);

探索每种颜色

#5A9DAF

查看完整颜色详情

#AF6C5A

查看完整颜色详情

相关比较