3px = 0.1875rem

3 pixels converts to 0.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: 3 ÷ 16 = 0.1875.

Formula

3px ÷ 16 = 0.1875rem

CSS Example

/* 3px as rem */
.element {
  border-width: 0.1875rem; /* 3px */
}

When to Use 3px (0.1875rem)

A value of 3px (0.1875rem) is commonly used for small borders, letter-spacing adjustments, and fine spacing. In responsive web design, using 0.1875rem instead of 3px ensures your borders and spacing scale proportionally when users change their browser font size settings.

Why Use REM?

REM units are relative to the root element's font-size, making them ideal for accessible, responsive designs. When you write 0.1875rem instead of 3px, 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.

Nearby Conversions

px	rem
1px	0.0625rem	Convert →
2px	0.125rem	Convert →
4px	0.25rem	Convert →
5px	0.3125rem	Convert →
6px	0.375rem	Convert →
7px	0.4375rem	Convert →
8px	0.5rem	Convert →
9px	0.5625rem	Convert →

Common Conversions

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

Frequently Asked Questions

What is 3px in rem?▼

3px is 0.1875rem. Divide 3 by 16 (the default root font-size) to get 0.1875.

How do I convert 3px to rem in CSS?▼

Replace 3px with 0.1875rem in your CSS. For example: font-size: 0.1875rem; which equals 3px at the default 16px base.

Why use 0.1875rem instead of 3px?▼

Using 0.1875rem makes your design responsive and accessible. If a user changes their browser font size, 0.1875rem scales proportionally while 3px stays fixed.

What if my base font-size is not 16px?▼

If your root font-size is different (e.g., 14px), divide 3 by that value instead. At 14px base: 3 ÷ 14 = 0.214rem.

Is 0.1875rem the same in all browsers?▼

Yes, 0.1875rem equals 3px in all modern browsers since they all default to a 16px root font-size. The value only changes if the user or your CSS explicitly sets a different root font-size.

Need More Conversions?

Convert any value instantly with our free PX to REM Converter.

Open PX to REM Converter →