#3B4671

#3B4671

#71663B

#71663B

对比度

1.59:1

Delta E

54.54

Very Different

50:50 混合

#5C5557

颜色值

格式 #3B4671 #71663B
HEX #3B4671 #71663B
RGB 59, 70, 113 113, 102, 59
HSL 227.8, 31.4%, 33.7% 47.8, 31.4%, 33.7%
HSV 227.8, 47.8%, 44.3% 47.8, 47.8%, 44.3%
CMYK 47.8%, 38.1%, 0.0%, 55.7% 0.0%, 9.7%, 47.8%, 55.7%
OKLCH 0.4051 0.0738 271.9 0.5101 0.0626 95.5

对比度与无障碍

1.59:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #71663B → 背景色: #3B4671

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

文本: #3B4671 → 背景色: #71663B

色差 (Delta E)

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

渐变

#3B4671 #484B69 #535060 #5C5557 #645B4E #6B6045 #71663B

颜色混合

#3B4671

100%

#4E4D64

75:25

#5C5557

50:50

#675E4A

25:75

#71663B

100%

CSS渐变代码

background: linear-gradient(to right, #3B4671, #71663B);
background: linear-gradient(135deg, #3B4671, #71663B);

探索每种颜色

#3B4671

查看完整颜色详情

#71663B

查看完整颜色详情

相关比较