1.3 rem to px = 20.8px
1.3 rem equals 20.8 pixels at the default root font size of 16px. Adjust the root size below to recalculate.
What’s 1.3rem used for?
1.3rem (about 20.8px at default root) is a less common but deliberate size for slightly-larger-than-body type — sometimes seen in editorial designs that want a touch more presence than 1.25rem but stop short of 1.5rem. At 16px root it gives you 20.8px, which rounds to 21px on most browsers.
How it works
To convert 1.3rem to pixels, multiply by the root font size: 1.3 × 16 = 20.8. The rem unit is relative to the root element’s font size, which browsers default to 16px.
1.3rem at different root sizes
If you’ve overridden the html root font size, the pixel equivalent of 1.3rem shifts. Here’s 1.3rem at common root sizes.
| Root size | 1.3rem in px |
|---|---|
| 16px (default) | 20.8px |
| 12px | 15.6px |
| 14px | 18.2px |
| 18px | 23.4px |
| 20px | 26px |
| 24px | 31.2px |
1.3rem in CSS
Use 1.3rem for a lead paragraph or comfortable reading body.
.lead {
font-size: 1.3rem; /* 20.8px */
line-height: 1.6;
}FAQ
Is 1.3rem the same as 20.8px?
Yes, at the browser default root font size of 16px. If the root has been changed (some sites use html { font-size: 62.5% } or similar), the conversion changes — see the table above for 1.3rem at other root sizes.
Why use 1.3rem instead of 20.8px?
Because 1.3rem scales with the user’s browser font-size preference, and 20.8px does not. If a user enlarges their default font size for accessibility, anything sized in rem scales proportionately — including this value. Use rem for type and type-adjacent properties; reach for px only when the value must stay fixed regardless of user settings.