Loading...
19 pixels converts to 1.1875rem when the root font-size is 16px (the browser default). This conversion is calculated by dividing the pixel value by the base font size: 19 ÷ 16 = 1.1875.
Formula
19px ÷ 16 = 1.1875rem
/* 19px as rem */
.element {
font-size: 1.1875rem; /* 19px */
}A value of 19px (1.1875rem) is commonly used for slightly larger body text, lead paragraphs, and emphasized content. In responsive web design, using 1.1875rem instead of 19px ensures your lead text and subheadings scale proportionally when users change their browser font size settings.
REM units are relative to the root element's font-size, making them ideal for accessible, responsive designs. When you write 1.1875rem instead of 19px, your layout respects user preferences — if someone sets their browser to a larger font size for readability, all your rem-based values scale up proportionally.
| px | rem |
|---|---|
| 8 | 0.5 |
| 10 | 0.625 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 48 | 3 |
| 64 | 4 |
| 96 | 6 |
Convert any value instantly with our free PX to REM Converter.
Open PX to REM Converter →