18 November, 2024

Written by on CSS Wizardry.

Table of Contents

Independent writing is brought to you via my wonderful Supporters.

1. More Colour Formats?

If, like me, you frequently need the official¹ Core Web Vitals colours for slides and presentations, here you go:

• Good #09ce6b
• Needs Improvement #ffa400
• Poor #ff4e42

More Colour Formats?

Good

• RGB: rgb(9, 206, 107)
• HSL: hsl(150, 92%, 42%)
• HWB: hwb(150, 4%, 19%)

Needs Improvement

• RGB: rgb(255, 164, 0)
• HSL: hsl(39, 100%, 50%)
• HWB: hwb(39, 0%, 0%)

Poor

• RGB: rgb(255, 78, 66)
• HSL: hsl(4, 100%, 63%)
• HWB: hwb(4, 26%, 0%)