🌓
🖨️

Color Pairings for Print Materials

Posters, signs, and printed materials also need readable contrast — especially for older viewers.

Ei kirjautumista tarvita

Large heading text

Medium body text (18px) for reading and content.

Normal body text (16px) for paragraphs.

Small body text (14px) for captions and metadata.

14.63:1

Contrast ratio

WCAG AA — Normal text

Requires 4.5:1 · You have 14.63:1

WCAG AA — Large text

Requires 3.0:1 · You have 14.63:1

WCAG AAA — Normal text

Requires 7.0:1 · You have 14.63:1

WCAG AAA — Large text

Requires 4.5:1 · You have 14.63:1

UI components / graphical objects

Requires 3.0:1 · You have 14.63:1

Quick presets

Based on WCAG 2.1 contrast guidelines. Large text = 18pt (24px) normal or 14pt (18.66px) bold. Hex codes update in both directions: type a hex or pick a color, both inputs stay in sync.

Print Design tips

🖨️

For posters viewed from distance or by older audiences, prefer 7:1+ contrast (AAA). Younger eyes can read lower contrast; older eyes struggle.

💡

For body text in printed brochures, AA (4.5:1) is the minimum. Lower contrast looks "modern" on screen but reads poorly on paper.

🎯

CMYK and RGB color spaces are different. Use this tool as a guideline, but proof prints to verify final appearance.

Miten se toimii

1
Syötä
Enter your data into the tool above. Everything stays local to your browser.
2
Käsittele
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Lataa
Get your result instantly. Nothing is stored after you leave the page — complete privacy.

Miksi käyttää meidän?

Täysin ilmainen — ei piilokustannuksia, koskaan
Ei tiliä, sähköpostia tai kirjautumista tarvita
Tiedostot eivät koskaan poistu laitteeltasi
Ei tiedostokokorajoituksia lainkaan
Ei vesileimoja missään tulosteessa

Also check out…

Usein kysytyt kysymykset