sRGB vs CMYK: Why Printed Colours Look Different From Your Screen

Why printed colours differ from your screen: RGB vs CMYK, what sRGB is, how to prepare images for print, pixel sizes at 300 DPI and common mistakes.

sRGB vs CMYK print vs screen colours guide cover with a printer icon

Table of Contents

Screens show colour by mixing red, green and blue light (RGB, and sRGB is the standard colour space for the web), while printers mix cyan, magenta, yellow and black ink (CMYK). Some bright screen colours, especially vivid blues, greens and neon tones, cannot be printed with CMYK ink, so they come out duller on paper. Use sRGB for everything on screens (websites, social media, email), and for printing ask your print shop what they need: many accept RGB and convert it themselves, others want CMYK PDFs at 300 DPI at the final print size.

Key takeaways
  • RGB is light, CMYK is ink. They do not cover the same colours.
  • sRGB is the safe default for any image shown on a screen.
  • For print, check what the printer wants before converting.
  • Print needs enough pixels: about 300 DPI at the final size.
  • Prepare files with the free Image Converter and cropper.

The bright blue that turned purple

A coaching centre designs a gorgeous electric-blue banner on a laptop. On screen it glows. They send the file to a print shop in Nilkhet for 500 leaflets. The leaflets come back a dull, slightly purple blue, and the owner thinks the printer cheated him.

Nobody cheated. The colour on his screen simply does not exist in printer ink. A quick soft-proof before printing, or choosing a slightly different blue, would have avoided the surprise.

RGB vs CMYK

RGB / sRGBCMYK
Works byAdding light (red, green, blue)Ink absorbing light (cyan, magenta, yellow, black)
Used forScreens: websites, phones, TV, social mediaPrinting: leaflets, cards, banners, packaging
Colour rangeWider for bright, saturated coloursNarrower; neon and very vivid colours dull down
File formatsJPG, PNG, WebP, most image filesPDF, TIFF, some JPG; set in design software

What is sRGB and why use it online?

Colour spaces define exactly which red, green and blue your numbers mean. sRGB is the standard for the web and most screens. Cameras and design apps may use wider spaces such as Adobe RGB or Display P3; if you upload those without converting, some browsers and apps show colours washed out or oversaturated. Exporting as sRGB keeps colours consistent for almost everyone.

Preparing images for print

  1. Ask the printer firstDo they want RGB or CMYK? PDF or JPG? Which paper and size? Do they need bleed (extra margin that gets trimmed)?
  2. Check resolutionFor sharp prints, aim for about 300 pixels per inch at the final size. An A4 page (8.3 x 11.7 inches) needs about 2480 x 3508 pixels.
  3. Convert colours if askedUse design software (Photoshop, Affinity, Illustrator, or free tools like Scribus or GIMP with plugins) to convert to the printer’s CMYK profile.
  4. Soft-proofPreview how colours will look in CMYK. Adjust vivid colours that shift too much.
  5. Add bleed and safe marginsKeep text away from the edges.
  6. Order a proofFor big runs, print one copy first and check it in daylight.

Quick pixel guide for common print sizes at 300 DPI

Print sizePixels needed
Business card (3.5 x 2 in)1050 x 600
Photo 4 x 6 in1200 x 1800
Photo 5 x 7 in1500 x 2100
A4 leaflet2480 x 3508
A3 poster3508 x 4961
Large banners viewed from a distance can use lower resolution, often 100 to 150 DPI at full size. Ask your printer what they recommend for the viewing distance.

Printing AI-generated images? See how to print AI images at the right resolution.

Common mistakes

  • Printing images downloaded from social media (too small and compressed).
  • Choosing neon colours for print without checking a proof.
  • Converting to CMYK when the printer wanted RGB and does the conversion better themselves.
  • Uploading CMYK JPGs to websites, where some browsers show strange colours.

For logos that scale to any size, read what is an SVG file. Need to combine scans for printing or forms? See how to convert photos to PDF.

Sources

Frequently asked questions

What is the difference between RGB and CMYK?

RGB creates colour with light on screens. CMYK creates colour with ink on paper. CMYK cannot reproduce some bright RGB colours.

Should I use sRGB for websites?

Yes. sRGB is the standard colour space for the web and gives the most consistent colours across devices.

Do I need to convert to CMYK before printing?

Ask your printer. Many accept RGB and convert it themselves; others require CMYK PDFs with specific settings.

What resolution do I need for printing?

About 300 pixels per inch at the final print size for close-viewed items. Large banners can use less.

Why did my bright blue print look dull?

Very vivid screen colours are outside the CMYK range, so printers reproduce the nearest possible ink colour, which looks duller.

Free toolTry the Free Online Image Converter

Convert any image to JPG, PNG, WebP or BMP in seconds, privately in your browser.

Open the free tool →
Written by Tanvir H

WordPress and Elementor web designer at Tanvir WebXprt, Bangladesh, with 7+ years of experience and 650+ projects. Tanvir builds the free tools on this site and writes practical guides for creators, learners and small businesses.

Learn more

Guides for this tool

Built by Tanvir WebXprt

Want a tool, website or app like this for your business?

Every free tool on this site is designed and coded by Tanvir H, a Bangladesh-based WordPress and Elementor web designer with 7+ years of experience and 650+ projects for clients worldwide. Fast, mobile-first, search-optimised websites that turn visitors into customers.

Website developmentWordPress, Elementor & e-commerce sitesfrom $899
Creative designWeb, graphic & brand identityfrom $220
SEO & paid adsRank on Google, run Meta & Google Adsfrom $300
Speed & fixesCore Web Vitals, bugs and upgradesCustom quote
  • 650+ projects
  • 7+ years
  • 4.9★ rating
  • Govt. registered freelancer

Contents

Was this helpful? Spread the word and share with your network!
Facebook
Pinterest
LinkedIn
Reddit
VK
X
Telegram
Threads
Tumblr
Email
WhatsApp
Pocket

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Article

How to crop a photo without losing quality guide cover with a zoom icon
How to Crop a Photo Without Losing Quality

Crop photos without losing quality: why cropping reduces resolution, how many pixels you need for each use, a 6-step method and why repeated saving hurts.