0.75 rem to px = 12px
0.75 rem equals 12 pixels at the default root font size of 16px. Adjust the root size below to recalculate.
What’s 0.75rem used for?
0.75rem (12px at default root) is a common 'small' size for both type and spacing. As font-size it appears in captions, labels, and helper text under form fields. As spacing it's a tight gap inside form fields and dense components — sitting between the typical 0.5rem and 1rem tokens.
How it works
To convert 0.75rem to pixels, multiply by the root font size: 0.75 × 16 = 12. The rem unit is relative to the root element’s font size, which browsers default to 16px.
0.75rem at different root sizes
If you’ve overridden the html root font size, the pixel equivalent of 0.75rem shifts. Here’s 0.75rem at common root sizes.
| Root size | 0.75rem in px |
|---|---|
| 16px (default) | 12px |
| 12px | 9px |
| 14px | 10.5px |
| 18px | 13.5px |
| 20px | 15px |
| 24px | 18px |
0.75rem in CSS
Use 0.75rem for captions, labels, or very small interface text.
.caption {
font-size: 0.75rem; /* 12px */
letter-spacing: 0.02em;
text-transform: uppercase;
}FAQ
Is 0.75rem the same as 12px?
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 0.75rem at other root sizes.
Why use 0.75rem instead of 12px?
Because 0.75rem scales with the user’s browser font-size preference, and 12px 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.