hsla(188, 97%, 28%, .3)
hsla(321, 47%, 57%, .7)
hsla(174, 77%, 31%, .9)
.one { background-color: hsla(188, 97%, 28%, .3); } .two { background-color: hsla(321, 47%, 57%, .7); } .three { background-color: hsla(174, 77%, 31%, .9); }
<div class="wrapper"> <div class="box one">hsla(188, 97%, 28%, .3)</div> <div class="box two">hsla(321, 47%, 57%, .7)</div> <div class="box three">hsla(174, 77%, 31%, .9)</div> </div>