Core Web Vitals Colours

Written by Harry Roberts on CSS Wizardry.

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%)

By Harry Roberts

Harry Roberts is an independent consultant web performance engineer. He helps companies of all shapes and sizes find and fix site speed issues.

Did this help? We can do way more!