#342B48

#342B48

#3F482B

#3F482B

对比度

1.37:1

Delta E

40.0

Very Different

50:50 混合

#3B393A

颜色值

格式 #342B48 #3F482B
HEX #342B48 #3F482B
RGB 52, 43, 72 63, 72, 43
HSL 258.6, 25.2%, 22.5% 78.6, 25.2%, 22.5%
HSV 258.6, 40.3%, 28.2% 78.6, 40.3%, 28.2%
CMYK 27.8%, 40.3%, 0.0%, 71.8% 12.5%, 0.0%, 40.3%, 71.8%
OKLCH 0.3127 0.052 297.6 0.3852 0.0476 122.7

对比度与无障碍

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #3F482B → 背景色: #342B48

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

文本: #342B48 → 背景色: #3F482B

色差 (Delta E)

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

渐变

#342B48 #373044 #39353F #3B393A #3D3E35 #3E4330 #3F482B

颜色混合

#342B48

100%

#383241

75:25

#3B393A

50:50

#3E4133

25:75

#3F482B

100%

CSS渐变代码

background: linear-gradient(to right, #342B48, #3F482B);
background: linear-gradient(135deg, #342B48, #3F482B);

探索每种颜色

#342B48

查看完整颜色详情

#3F482B

查看完整颜色详情

相关比较