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