#0B5739

#0B5739

#570B29

#570B29

对比度

1.64:1

Delta E

67.59

Very Different

50:50 混合

#433931

颜色值

格式 #0B5739 #570B29
HEX #0B5739 #570B29
RGB 11, 87, 57 87, 11, 41
HSL 156.3, 77.6%, 19.2% 336.3, 77.6%, 19.2%
HSV 156.3, 87.4%, 34.1% 336.3, 87.4%, 34.1%
CMYK 87.4%, 0.0%, 34.5%, 65.9% 0.0%, 87.4%, 52.9%, 65.9%
OKLCH 0.4054 0.0862 160.5 0.3037 0.109 3.4

对比度与无障碍

1.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #570B29 → 背景色: #0B5739

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

文本: #0B5739 → 背景色: #570B29

色差 (Delta E)

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

渐变

#0B5739 #2A4E36 #394434 #433931 #4B2E2E #52202C #570B29

颜色混合

#0B5739

100%

#324935

75:25

#433931

50:50

#4F272D

25:75

#570B29

100%

CSS渐变代码

background: linear-gradient(to right, #0B5739, #570B29);
background: linear-gradient(135deg, #0B5739, #570B29);

探索每种颜色

#0B5739

查看完整颜色详情

#570B29

查看完整颜色详情

相关比较