#0B571D

#0B571D

#570B45

#570B45

对比度

1.56:1

Delta E

86.63

Very Different

50:50 混合

#423B33

颜色值

格式 #0B571D #570B45
HEX #0B571D #570B45
RGB 11, 87, 29 87, 11, 69
HSL 134.2, 77.6%, 19.2% 314.2, 77.6%, 19.2%
HSV 134.2, 87.4%, 34.1% 314.2, 87.4%, 34.1%
CMYK 87.4%, 0.0%, 66.7%, 65.9% 0.0%, 87.4%, 20.7%, 65.9%
OKLCH 0.4 0.1142 146.4 0.3164 0.1239 340.1

对比度与无障碍

1.56:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #570B45 → 背景色: #0B571D

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

文本: #0B571D → 背景色: #570B45

色差 (Delta E)

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

渐变

#0B571D #294E26 #37452D #423B33 #4A2F3A #51213F #570B45

颜色混合

#0B571D

100%

#314A29

75:25

#423B33

50:50

#4E293D

25:75

#570B45

100%

CSS渐变代码

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

探索每种颜色

#0B571D

查看完整颜色详情

#570B45

查看完整颜色详情

相关比较