Core Web Vitals Colours – Web Performance and Site Speed Consultant

18 November, 2024

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