Brand colour systems for web and print

Use the colour format that matches the job. HEX and RGB are for screens; CMYK is for print.

Use HEX values in CSS

HEX is the compact code used in CSS, such as #0057B8. Copy it when you are styling a web page, product interface or digital graphic.

Use RGB for screen-based design tools

RGB describes the red, green and blue light in a colour. It is useful when an app, presentation tool or video workflow asks for separate colour channels.

Use CMYK for print work

CMYK describes cyan, magenta, yellow and black ink. Give the printer the brand’s approved CMYK values and ask whether it needs a spot-colour reference for a tightly controlled finish.

Check contrast before using a colour as text

A brand colour can look good as a large background but be difficult to read behind small text. Use a dark or light text colour that has enough contrast with the background.

Find a brand palette

Each LogoPNG brand page lists available HEX, RGB and CMYK values, plus a quick contrast cue.

Browse brand colours →

Questions

What are brand colours?

Brand colours are the approved colours a company uses to make its identity recognisable. They are usually supplied as HEX, RGB, CMYK or Pantone values for different uses.

Which colour format should I use for a website?

Use HEX or RGB values for a website. HEX is common in CSS, while RGB is useful in design software and some interface tools.

Why do print and screen colours differ?

Screens create colour with light, while print uses ink. RGB and HEX values are for screens; CMYK is used for process printing.