RGB(RGB)

Content and brand

Content and brand

RGB is the colour model for screens: every colour is a mix of red, green and blue light, from 0 to 255 per channel.

Because a screen emits light, the channels add up: all three at 255 gives white, all three at 0 gives black. RGB shows up as three numbers, such as rgb(37, 99, 235), or as the hex code for the same colour: #2563EB. Two notations, one colour.

Print uses a different model, CMYK, where ink subtracts light instead of adding it. Bright screen colours such as vivid blue or neon green often cannot be reproduced in CMYK. So record both the RGB/hex value and the print (and any PMS) value per colour in your brand guidelines, so online and offline stay close.

In practice you use RGB and hex for your website, emails, social posts and slides. Fix those values as set colour codes in your design instead of picking something similar on each page.

Tip

Eyedropping a colour from a compressed image nearly always gives a slightly different RGB value. Use the value recorded in your brand guidelines, not what you pick off a screenshot.

Related terms

All terms