Как изменить цвет stroke в SVG?

Question

[Cheizer]

Подскажите пожалуйста, как изменить цвет в SVG stroke на цвет в формате HEX или RGB?
Основная проблема в том что SVG используется в CSS background-image, важно это условие.

background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><line id='simple' x1='0' y1='0' x2='300' y2='0' stroke='black' stroke-width='5' stroke-dasharray='5' /></svg>");

Вот пример, черный пунктир, как изменить его цвет?

Answer 1

[DevMan]

stroke='rgb(255,0,0)'
https://jsfiddle.net/nw0gcsqp/

Answer 2

[origami1024]

Можно хексом, если заменить решетку на %23
stroke='%23f00'