То есть мне нужно каким то образом поменять цвет внешнему отступу, есть блок, у него есть padding, затем идет border, а после border margin, вот пространство между border и margin нужно как то стилизовать, подскажите пожалуйста как до него добраться стилями
Ну прям сразу такого свойства нет, но можно попробовать воспользоваться свойством outline, оно рисует что то типа рамки за рамкой, но оно отличается от border тем что не является частью элемента, это просто как бы обрисовка элемента снаружи, что бы реализовать ваши требования можно попробовать задать значение margin равное последнему параметру outline, то есть задать ширину outline такую же как у margin, тогда блок не будет мешать блокам рядом.
<div class="block">
Lorem ipsum dolor.
Первый блок это html на котором будет показан пример работы свойства outline, внизу собственно сами стили, задаем внешний отступ и внутренний, ширину и высоту элементу, так же цвет, что бы понимать где находиться элемент а где его outline, далее рамку для разделения, но это не обязательно, после этого уже задаем outline, первый параметр это цвет, второй параметр точно такой же как у border, пишем сплошной что бы полностью залить, и указываем его ширину такую же как указали margin этого же блока.
.block{
margin: 30px;
padding: 20px;
width: 100px;
height: 100px;
background-color: rgb(255, 74, 57);
border:2px solid;
outline: #4CAF50 solid 30px;
overflow: hidden;
}
Так же можно заметить что добавленный outline никак не влияет на ширину самого элемента, то есть значение остается преждним.