-color: #0a331e;">
    <p>modern rgb with mixed types</p>
</div>
<div style="background-color: #84988e;"> <!-- Expected: #84998e -->
    <p>modern rgb with alpha</p>
</div>
<div style="background-color: #0a331e;">
    <p>modern rgba without alpha</p>
</div>
<div style="background-color: #59a659;">
    <p>modern hsl</p>
</div>
<div style="background-color: #abd2ab;"> <!-- Expected: #acd2ac -->
    <p>modern hsl with alpha</p>
</div>
<div style="background-color: #59a659;">
    <p>modern hsla without alpha</p