#3C9BAF

#3C9BAF

#AF503C

#AF503C

对比度

1.61:1

Delta E

77.53

Very Different

50:50 混合

#8F7974

颜色值

格式 #3C9BAF #AF503C
HEX #3C9BAF #AF503C
RGB 60, 155, 175 175, 80, 60
HSL 190.4, 48.9%, 46.1% 10.4, 48.9%, 46.1%
HSV 190.4, 65.7%, 68.6% 10.4, 65.7%, 68.6%
CMYK 65.7%, 11.4%, 0.0%, 31.4% 0.0%, 54.3%, 65.7%, 31.4%
OKLCH 0.6419 0.0922 214.2 0.5476 0.1289 33.4

对比度与无障碍

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF503C → 背景色: #3C9BAF

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

文本: #3C9BAF → 背景色: #AF503C

色差 (Delta E)

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

渐变

#3C9BAF #66909B #7E8587 #8F7974 #9C6C61 #A75F4E #AF503C

颜色混合

#3C9BAF

100%

#738A91

75:25

#8F7974

50:50

#A26658

25:75

#AF503C

100%

CSS渐变代码

background: linear-gradient(to right, #3C9BAF, #AF503C);
background: linear-gradient(135deg, #3C9BAF, #AF503C);

探索每种颜色

#3C9BAF

查看完整颜色详情

#AF503C

查看完整颜色详情

相关比较