#3F5A81

#3F5A81

#81663F

#81663F

对比度

1.31:1

Delta E

51.69

Very Different

50:50 混合

#686061

颜色值

格式 #3F5A81 #81663F
HEX #3F5A81 #81663F
RGB 63, 90, 129 129, 102, 63
HSL 215.5, 34.4%, 37.6% 35.5, 34.4%, 37.6%
HSV 215.5, 51.2%, 50.6% 35.5, 51.2%, 50.6%
CMYK 51.2%, 30.2%, 0.0%, 49.4% 0.0%, 20.9%, 51.2%, 49.4%
OKLCH 0.4637 0.0717 257.5 0.5278 0.065 75.8

对比度与无障碍

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #81663F → 背景色: #3F5A81

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

文本: #3F5A81 → 背景色: #81663F

色差 (Delta E)

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

渐变

#3F5A81 #505C76 #5D5E6C #686061 #716256 #7A644B #81663F

颜色混合

#3F5A81

100%

#575D71

75:25

#686061

50:50

#766350

25:75

#81663F

100%

CSS渐变代码

background: linear-gradient(to right, #3F5A81, #81663F);
background: linear-gradient(135deg, #3F5A81, #81663F);

探索每种颜色

#3F5A81

查看完整颜色详情

#81663F

查看完整颜色详情

相关比较