#3A9DAF

#3A9DAF

#AF4C3A

#AF4C3A

对比度

1.69:1

Delta E

79.85

Very Different

50:50 混合

#907873

颜色值

格式 #3A9DAF #AF4C3A
HEX #3A9DAF #AF4C3A
RGB 58, 157, 175 175, 76, 58
HSL 189.2, 50.2%, 45.7% 9.2, 50.2%, 45.7%
HSV 189.2, 66.9%, 68.6% 9.2, 66.9%, 68.6%
CMYK 66.9%, 10.3%, 0.0%, 31.4% 0.0%, 56.6%, 66.9%, 31.4%
OKLCH 0.6462 0.0936 211.9 0.5413 0.1336 32.1

对比度与无障碍

1.69:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF4C3A → 背景色: #3A9DAF

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

文本: #3A9DAF → 背景色: #AF4C3A

色差 (Delta E)

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

渐变

#3A9DAF #66919B #7E8587 #907873 #9D6B60 #A75C4D #AF4C3A

颜色混合

#3A9DAF

100%

#738B90

75:25

#907873

50:50

#A26456

25:75

#AF4C3A

100%

CSS渐变代码

background: linear-gradient(to right, #3A9DAF, #AF4C3A);
background: linear-gradient(135deg, #3A9DAF, #AF4C3A);

探索每种颜色

#3A9DAF

查看完整颜色详情

#AF4C3A

查看完整颜色详情

相关比较