#3984AF

#3984AF

#AF6439

#AF6439

对比度

1.08:1

Delta E

75.46

Very Different

50:50 混合

#8B7574

颜色值

格式 #3984AF #AF6439
HEX #3984AF #AF6439
RGB 57, 132, 175 175, 100, 57
HSL 201.9, 50.9%, 45.5% 21.9, 50.9%, 45.5%
HSV 201.9, 67.4%, 68.6% 21.9, 67.4%, 68.6%
CMYK 67.4%, 24.6%, 0.0%, 31.4% 0.0%, 42.9%, 67.4%, 31.4%
OKLCH 0.5851 0.0988 237.1 0.5799 0.1127 49.0

对比度与无障碍

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF6439 → 背景色: #3984AF

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

文本: #3984AF → 背景色: #AF6439

色差 (Delta E)

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

渐变

#3984AF #617F9B #7A7A88 #8B7574 #997061 #A56A4D #AF6439

颜色混合

#3984AF

100%

#6F7D91

75:25

#8B7574

50:50

#A06D57

25:75

#AF6439

100%

CSS渐变代码

background: linear-gradient(to right, #3984AF, #AF6439);
background: linear-gradient(135deg, #3984AF, #AF6439);

探索每种颜色

#3984AF

查看完整颜色详情

#AF6439

查看完整颜色详情

相关比较