.check-pattern {
width: 170px;
height: 170px;
background-color: rgb(255, 111, 108);
background-image:
repeating-linear-gradient(
45deg,transparent,
transparent 20px, rgba(0, 0, 0, .3) 20px,
rgba(0, 0, 0, .3) 25px,transparent 25px,
rgba(255, 255, 255, .5) 25px, rgba(255, 255, 255, .5) 25px,
rgba(255, 255, 255, .5) 30px, rgba(255, 255, 255, .5) 30px,
transparent 30px, rgba(0, 0, 0, .3) 30px,
rgba(0, 0, 0, .3) 33px,transparent 33px,
rgba(255, 255, 255, .5) 33px, rgba(255, 255, 255, .5) 33px,
rgba(255, 255, 255, .5) 40px, rgba(255, 255, 255, .5) 40px,
transparent 40px, rgba(0, 0, 0, .3) 40px,
rgba(0, 0, 0, .3) 44px,transparent 44px,
transparent 80px, rgba(0, 0, 0, .3) 80px
),
repeating-linear-gradient(
-45deg,transparent,
transparent 20px, rgba(0, 0, 0, .3) 20px,
rgba(0, 0, 0, .3) 25px,transparent 25px,
rgba(255, 255, 255, .5) 25px, rgba(255, 255, 255, .5) 25px,
rgba(255, 255, 255, .5) 30px, rgba(255, 255, 255, .5) 30px,
transparent 30px, rgba(0, 0, 0, .3) 30px,
rgba(0, 0, 0, .3) 33px,transparent 33px,
rgba(255, 255, 255, .5) 33px, rgba(255, 255, 255, .5) 33px,
rgba(255, 255, 255, .5) 40px, rgba(255, 255, 255, .5) 40px,
transparent 40px, rgba(0, 0, 0, .3) 40px,
rgba(0, 0, 0, .3) 44px,transparent 44px,
transparent 80px, rgba(0, 0, 0, .3) 80px
),
repeating-linear-gradient(-45deg,
transparent,
transparent 35px, rgba(0, 0, 0, 0.2) 35px,
rgba(0, 0, 0, 0.2) 38px, transparent 38px
),
repeating-linear-gradient(45deg,
transparent,
transparent 35px, rgba(0, 0, 0, 0.2) 35px,
rgba(0, 0, 0, 0.2) 38px, transparent 38px
);
}
<div class="check-pattern"></div>