Convert cm to px
1cm = 37.7953px. Both are absolute CSS units, so this ratio is fixed — the root font size does not affect it.
Guide & FAQFormula · CM to PX conversion table · About cm · About px · Which unit should you use? · Frequently asked questions
Formula
px = cm × 37.7953
cm = px × 0.026458Both units are absolute in CSS, so this ratio never changes regardless of font size or user settings.
CM to PX conversion table
| cm | px |
|---|---|
| 1cm | 37.7953px |
| 2cm | 75.5906px |
| 5cm | 188.98px |
| 10cm | 377.95px |
| 15cm | 566.93px |
| 20cm | 755.91px |
| 25cm | 944.88px |
| 30cm | 1133.86px |
| 40cm | 1511.81px |
| 50cm | 1889.76px |
| 100cm | 3779.53px |
| 150cm | 5669.29px |
| 200cm | 7559.06px |
| 250cm | 9448.82px |
| 300cm | 11338.58px |
About cm
One centimetre is 96/2.54 ≈ 37.795 CSS pixels. Useful in print stylesheets, misleading on screen.
About px
The CSS pixel is the reference unit of the web. It is not a physical device pixel — it is an angular measure standardised at 1/96th of an inch, which the browser scales for device pixel ratio and zoom.
Which unit should you use?
| Property | Recommended unit | Why |
|---|---|---|
| Font size | rem | Scales with the user's browser font-size preference, which px ignores — an accessibility requirement. |
| Padding and margin | rem or em | rem for a consistent global rhythm; em when the spacing should track the component's own text size. |
| Borders and hairlines | px | You almost always want exactly one crisp pixel, not a value that scales. |
| Media query breakpoints | em | Historically the most reliable across browsers when the user zooms. |
| Print stylesheets | pt, cm, mm | These map to real physical measurements on paper. |
Frequently asked questions
What is 16cm in px?
16cm equals 604.72px, and that does not change with the font size because both units are absolute.
How do I convert cm to px?
Multiply the cm value by 37.7953. Going the other way, multiply the px value by 0.026458.
Does browser zoom change the result?
No. Both units are absolute in CSS and keep the same ratio at any zoom level, though the rendered size on screen changes.
Why does CSS use 96 pixels per inch?
The 96 figure is a historical convention from early desktop displays that became the fixed CSS reference. It has nothing to do with your monitor's real pixel density — the browser scales CSS pixels to physical ones for you.