<div id="orange"></div>#orange {
width: 100px;
height: 100px;
background: #FF6A00;
position: relative;
}
#orange:before {
content: "";
position: absolute;
top: 0px;
left: 0;
border-bottom: 29px solid #FF6A00;
border-right: 30px solid #F3F5F6 ;
width: 70px;
height: 0;
}
#orange:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
border-right: 30px solid #eee;
width: 70px;
height: 0;
}