CMYK vs RGB: Which Color Format for Esport Merch?

RGB (Red, Green, Blue) is an additive color model — it creates colors by combining light. Screens, monitors, and projectors all use RGB because they emit light. CMYK (Cyan, Magenta, Yellow, Key/Black) is a subtractive color model — it creates colors by absorbing light through ink on a surface. Printers, fabric dye processes, and offset presses all use CMYK because they work with physical pigments.

The key implication for esport designers: any color you see on screen is RGB, and any color you print on a jersey, poster, or sticker is CMYK. These two systems do not produce identical results for the same color values. A design that looks perfect in Figma (RGB) may shift noticeably when printed on a jersey (CMYK).

RGB has a larger gamut than CMYK — it can display approximately 16.7 million colors, while standard CMYK printing reproduces roughly 1-2 million. The colors that exist in RGB but not in CMYK are called out-of-gamut colors, and they are disproportionately common in esport branding. Vivid neons, saturated blues, and electric greens — popular in gaming aesthetics — are the exact hues that CMYK struggles to reproduce.

When you convert an out-of-gamut RGB color to CMYK, the design software substitutes the closest printable color. This substitution is called gamut mapping, and it usually means the printed version looks duller, darker, or slightly different in hue compared to the screen version. The shift ranges from barely noticeable (most reds and yellows convert well) to dramatic (neon green #00FF00 becomes an olive-tinged disappointment in CMYK).

Use RGB for all digital-only deliverables: social media graphics, stream overlays, website assets, video thumbnails, and email banners. These will only ever appear on screens, which are RGB devices. There is no benefit to working in CMYK for screen-only content, and doing so actually reduces the available color range.

Use CMYK for all physical print deliverables: jerseys, hoodies, stickers, mouse pads, posters, and business cards. Start the design file in CMYK to see the printable palette from the beginning. If you design in RGB and convert at the end, you risk discovering color shifts after the artwork is finalized — a costly and time-consuming problem to fix.

Use HEX for web development. HEX is simply a compact notation for RGB values — #FF0000 is the same color as RGB (255, 0, 0). CSS, HTML, and web design tools all accept HEX natively.

Tip one: always reference the official CMYK values from a verified source. EsportTeamColors provides CMYK alongside HEX and RGB for every team, eliminating the need for manual conversion. Tip two: request a physical proof from your printer before approving a production run. Screen-based soft proofs are better than nothing but cannot perfectly simulate ink on fabric.

Tip three: if a team's brand color is out of CMYK gamut (common with vivid blues and greens), discuss the tradeoff with the client or team management before proceeding. Options include accepting the closest CMYK match, switching to sublimation printing (wider gamut), or adjusting the design to use the color as a smaller accent rather than a full-panel fill, where the shift is less noticeable.

Tip four: be aware of fabric color. White fabric prints closest to the digital preview. Colored or off-white fabrics add their own tint to the ink, further shifting the final result. Always specify white fabric for jersey base panels where brand color accuracy is critical.

While RGB and CMYK get the most attention, HSL (Hue, Saturation, Lightness) is the most intuitive format for designers who need to create color variations. Need a darker version of a team color for hover states? Reduce the L value. Need a desaturated version for a background tint? Reduce the S value. The H value stays constant, keeping the color on-brand while adjusting its visual weight.

HSL is particularly useful in CSS for web-based esport content. Custom properties defined in HSL make theme switching trivial — change the hue to switch team colors site-wide. EsportTeamColors includes HSL values for every team specifically to support this workflow.