REM to PX Converter
Use this free tool to instantly convert REM to pixels (and pixels back to REM). Enter any value — including fractional values like 0.125rem, 0.375rem, or 1.125rem — and get an exact pixel result. The base font size is set to 16px by default, matching most browsers.
Calculation based on a root font-size of 16 pixels.
Common REM to PX Values
These fractional REM values come up constantly in CSS frameworks like Tailwind, where spacing and sizing scales are built on 0.125rem increments.
| REM | Pixels |
|---|---|
| 0.0625rem | 1px |
| 0.125rem | 2px |
| 0.1875rem | 3px |
| 0.25rem | 4px |
| 0.3125rem | 5px |
| 0.375rem | 6px |
| 0.4375rem | 7px |
| 0.5rem | 8px |
| 0.5625rem | 9px |
| 0.625rem | 10px |
| 0.6875rem | 11px |
| 0.75rem | 12px |
| 0.8125rem | 13px |
| 0.875rem | 14px |
| 0.9375rem | 15px |
| 1rem | 16px |
| 1.125rem | 18px |
| 1.25rem | 20px |
| 1.375rem | 22px |
| 1.5rem | 24px |
| 1.75rem | 28px |
| 2rem | 32px |
| 2.4rem | 38.4px |
| 2.5rem | 40px |
| 3rem | 48px |
| 3.75rem | 60px |
| 4rem | 64px |
| 5rem | 80px |
| 5.5rem | 88px |
| 6.25rem | 100px |
| 9.375rem | 150px |
| 10rem | 160px |
| Pixels | REM |
|---|---|
| 1px | 0.0625rem |
| 2px | 0.125rem |
| 3px | 0.1875rem |
| 4px | 0.25rem |
| 5px | 0.3125rem |
| 6px | 0.375rem |
| 7px | 0.4375rem |
| 8px | 0.5rem |
| 9px | 0.5625rem |
| 10px | 0.625rem |
| 11px | 0.6875rem |
| 12px | 0.75rem |
| 13px | 0.8125rem |
| 14px | 0.875rem |
| 15px | 0.9375rem |
| 16px | 1rem |
| 17px | 1.0625rem |
| 18px | 1.125rem |
| 19px | 1.1875rem |
| 20px | 1.25rem |
| 21px | 1.3125rem |
| 22px | 1.375rem |
| 23px | 1.4375rem |
| 24px | 1.5rem |
| 25px | 1.5625rem |
| 26px | 1.625rem |
| 27px | 1.6875rem |
| 28px | 1.75rem |
| 29px | 1.8125rem |
| 30px | 1.875rem |
| 31px | 1.9375rem |
| 32px | 2rem |
| 33px | 2.0625rem |
| 34px | 2.125rem |
| 35px | 2.1875rem |
| 36px | 2.25rem |
| 37px | 2.3125rem |
| 38px | 2.375rem |
| 39px | 2.4375rem |
| 40px | 2.5rem |
| 41px | 2.5625rem |
| 42px | 2.625rem |
| 43px | 2.6875rem |
| 44px | 2.75rem |
| 45px | 2.8125rem |
| 46px | 2.875rem |
| 47px | 2.9375rem |
| 48px | 3rem |
| 49px | 3.0625rem |
| 50px | 3.125rem |
| 51px | 3.1875rem |
| 52px | 3.25rem |
| 53px | 3.3125rem |
| 54px | 3.375rem |
| 55px | 3.4375rem |
| 56px | 3.5rem |
| 57px | 3.5625rem |
| 58px | 3.625rem |
| 59px | 3.6875rem |
| 60px | 3.75rem |
| 61px | 3.8125rem |
| 62px | 3.875rem |
| 63px | 3.9375rem |
| 64px | 4rem |
| 65px | 4.0625rem |
| 66px | 4.125rem |
| 67px | 4.1875rem |
| 68px | 4.25rem |
| 69px | 4.3125rem |
| 70px | 4.375rem |
| 71px | 4.4375rem |
| 72px | 4.5rem |
| 73px | 4.5625rem |
| 74px | 4.625rem |
| 75px | 4.6875rem |
| 76px | 4.75rem |
| 77px | 4.8125rem |
| 78px | 4.875rem |
| 79px | 4.9375rem |
| 80px | 5rem |
| 81px | 5.0625rem |
| 82px | 5.125rem |
| 83px | 5.1875rem |
| 84px | 5.25rem |
| 85px | 5.3125rem |
| 86px | 5.375rem |
| 87px | 5.4375rem |
| 88px | 5.5rem |
| 89px | 5.5625rem |
| 90px | 5.625rem |
| 91px | 5.6875rem |
| 92px | 5.75rem |
| 93px | 5.8125rem |
| 94px | 5.875rem |
| 95px | 5.9375rem |
| 96px | 6rem |
| 97px | 6.0625rem |
| 98px | 6.125rem |
| 99px | 6.1875rem |
| 100px | 6.25rem |
| 101px | 6.3125rem |
| 102px | 6.375rem |
| 103px | 6.4375rem |
| 104px | 6.5rem |
| 105px | 6.5625rem |
| 106px | 6.625rem |
| 107px | 6.6875rem |
| 108px | 6.75rem |
| 109px | 6.8125rem |
| 110px | 6.875rem |
| 111px | 6.9375rem |
| 112px | 7rem |
| 113px | 7.0625rem |
| 114px | 7.125rem |
| 115px | 7.1875rem |
| 116px | 7.25rem |
| 117px | 7.3125rem |
| 118px | 7.375rem |
| 119px | 7.4375rem |
| 120px | 7.5rem |
| 121px | 7.5625rem |
| 122px | 7.625rem |
| 123px | 7.6875rem |
| 124px | 7.75rem |
| 125px | 7.8125rem |
| 126px | 7.875rem |
| 127px | 7.9375rem |
| 128px | 8rem |
| 129px | 8.0625rem |
| 130px | 8.125rem |
| 131px | 8.1875rem |
| 132px | 8.25rem |
| 133px | 8.3125rem |
| 134px | 8.375rem |
| 135px | 8.4375rem |
| 136px | 8.5rem |
| 137px | 8.5625rem |
| 138px | 8.625rem |
| 139px | 8.6875rem |
| 140px | 8.75rem |
| 141px | 8.8125rem |
| 142px | 8.875rem |
| 143px | 8.9375rem |
| 144px | 9rem |
| 145px | 9.0625rem |
| 146px | 9.125rem |
| 147px | 9.1875rem |
| 148px | 9.25rem |
| 149px | 9.3125rem |
| 150px | 9.375rem |
| 151px | 9.4375rem |
| 152px | 9.5rem |
| 153px | 9.5625rem |
| 154px | 9.625rem |
| 155px | 9.6875rem |
| 156px | 9.75rem |
| 157px | 9.8125rem |
| 158px | 9.875rem |
| 159px | 9.9375rem |
| 160px | 10rem |
| 161px | 10.0625rem |
| 162px | 10.125rem |
| 163px | 10.1875rem |
| 164px | 10.25rem |
| 165px | 10.3125rem |
| 166px | 10.375rem |
| 167px | 10.4375rem |
| 168px | 10.5rem |
| 169px | 10.5625rem |
| 170px | 10.625rem |
| 171px | 10.6875rem |
| 172px | 10.75rem |
| 173px | 10.8125rem |
| 174px | 10.875rem |
| 175px | 10.9375rem |
| 176px | 11rem |
| 177px | 11.0625rem |
| 178px | 11.125rem |
| 179px | 11.1875rem |
| 180px | 11.25rem |
| 181px | 11.3125rem |
| 182px | 11.375rem |
| 183px | 11.4375rem |
| 184px | 11.5rem |
| 185px | 11.5625rem |
| 186px | 11.625rem |
| 187px | 11.6875rem |
| 188px | 11.75rem |
| 189px | 11.8125rem |
| 190px | 11.875rem |
| 191px | 11.9375rem |
| 192px | 12rem |
| 193px | 12.0625rem |
| 194px | 12.125rem |
| 195px | 12.1875rem |
| 196px | 12.25rem |
| 197px | 12.3125rem |
| 198px | 12.375rem |
| 199px | 12.4375rem |
| 200px | 12.5rem |
| 201px | 12.5625rem |
| 202px | 12.625rem |
| 203px | 12.6875rem |
| 204px | 12.75rem |
| 205px | 12.8125rem |
| 206px | 12.875rem |
| 207px | 12.9375rem |
| 208px | 13rem |
| 209px | 13.0625rem |
| 210px | 13.125rem |
| 211px | 13.1875rem |
| 212px | 13.25rem |
| 213px | 13.3125rem |
| 214px | 13.375rem |
| 215px | 13.4375rem |
| 216px | 13.5rem |
| 217px | 13.5625rem |
| 218px | 13.625rem |
| 219px | 13.6875rem |
| 220px | 13.75rem |
| 221px | 13.8125rem |
| 222px | 13.875rem |
| 223px | 13.9375rem |
| 224px | 14rem |
| 225px | 14.0625rem |
| 226px | 14.125rem |
| 227px | 14.1875rem |
| 228px | 14.25rem |
| 229px | 14.3125rem |
| 230px | 14.375rem |
| 231px | 14.4375rem |
| 232px | 14.5rem |
| 233px | 14.5625rem |
| 234px | 14.625rem |
| 235px | 14.6875rem |
| 236px | 14.75rem |
| 237px | 14.8125rem |
| 238px | 14.875rem |
| 239px | 14.9375rem |
| 240px | 15rem |
| 241px | 15.0625rem |
| 242px | 15.125rem |
| 243px | 15.1875rem |
| 244px | 15.25rem |
| 245px | 15.3125rem |
| 246px | 15.375rem |
| 247px | 15.4375rem |
| 248px | 15.5rem |
| 249px | 15.5625rem |
| 250px | 15.625rem |
| 251px | 15.6875rem |
| 252px | 15.75rem |
| 253px | 15.8125rem |
| 254px | 15.875rem |
| 255px | 15.9375rem |
| 256px | 16rem |
| 257px | 16.0625rem |
| 258px | 16.125rem |
| 259px | 16.1875rem |
| 260px | 16.25rem |
| 261px | 16.3125rem |
| 262px | 16.375rem |
| 263px | 16.4375rem |
| 264px | 16.5rem |
| 265px | 16.5625rem |
| 266px | 16.625rem |
| 267px | 16.6875rem |
| 268px | 16.75rem |
| 269px | 16.8125rem |
| 270px | 16.875rem |
| 271px | 16.9375rem |
| 272px | 17rem |
| 273px | 17.0625rem |
| 274px | 17.125rem |
| 275px | 17.1875rem |
| 276px | 17.25rem |
| 277px | 17.3125rem |
| 278px | 17.375rem |
| 279px | 17.4375rem |
| 280px | 17.5rem |
| 281px | 17.5625rem |
| 282px | 17.625rem |
| 283px | 17.6875rem |
| 284px | 17.75rem |
| 285px | 17.8125rem |
| 286px | 17.875rem |
| 287px | 17.9375rem |
| 288px | 18rem |
| 289px | 18.0625rem |
| 290px | 18.125rem |
| 291px | 18.1875rem |
| 292px | 18.25rem |
| 293px | 18.3125rem |
| 294px | 18.375rem |
| 295px | 18.4375rem |
| 296px | 18.5rem |
| 297px | 18.5625rem |
| 298px | 18.625rem |
| 299px | 18.6875rem |
| 300px | 18.75rem |
| 301px | 18.8125rem |
| 302px | 18.875rem |
| 303px | 18.9375rem |
| 304px | 19rem |
| 305px | 19.0625rem |
| 306px | 19.125rem |
| 307px | 19.1875rem |
| 308px | 19.25rem |
| 309px | 19.3125rem |
| 310px | 19.375rem |
| 311px | 19.4375rem |
| 312px | 19.5rem |
| 313px | 19.5625rem |
| 314px | 19.625rem |
| 315px | 19.6875rem |
| 316px | 19.75rem |
| 317px | 19.8125rem |
| 318px | 19.875rem |
| 319px | 19.9375rem |
| 320px | 20rem |
| 321px | 20.0625rem |
| 322px | 20.125rem |
| 323px | 20.1875rem |
| 324px | 20.25rem |
| 325px | 20.3125rem |
| 326px | 20.375rem |
| 327px | 20.4375rem |
| 328px | 20.5rem |
| 329px | 20.5625rem |
| 330px | 20.625rem |
| 331px | 20.6875rem |
| 332px | 20.75rem |
| 333px | 20.8125rem |
| 334px | 20.875rem |
| 335px | 20.9375rem |
| 336px | 21rem |
| 337px | 21.0625rem |
| 338px | 21.125rem |
| 339px | 21.1875rem |
| 340px | 21.25rem |
| 341px | 21.3125rem |
| 342px | 21.375rem |
| 343px | 21.4375rem |
| 344px | 21.5rem |
| 345px | 21.5625rem |
| 346px | 21.625rem |
| 347px | 21.6875rem |
| 348px | 21.75rem |
| 349px | 21.8125rem |
| 350px | 21.875rem |
| 351px | 21.9375rem |
| 352px | 22rem |
| 353px | 22.0625rem |
| 354px | 22.125rem |
| 355px | 22.1875rem |
| 356px | 22.25rem |
| 357px | 22.3125rem |
| 358px | 22.375rem |
| 359px | 22.4375rem |
| 360px | 22.5rem |
| 361px | 22.5625rem |
| 362px | 22.625rem |
| 363px | 22.6875rem |
| 364px | 22.75rem |
| 365px | 22.8125rem |
| 366px | 22.875rem |
| 367px | 22.9375rem |
| 368px | 23rem |
| 369px | 23.0625rem |
| 370px | 23.125rem |
| 371px | 23.1875rem |
| 372px | 23.25rem |
| 373px | 23.3125rem |
| 374px | 23.375rem |
| 375px | 23.4375rem |
| 376px | 23.5rem |
| 377px | 23.5625rem |
| 378px | 23.625rem |
| 379px | 23.6875rem |
| 380px | 23.75rem |
| 381px | 23.8125rem |
| 382px | 23.875rem |
| 383px | 23.9375rem |
| 384px | 24rem |
| 385px | 24.0625rem |
| 386px | 24.125rem |
| 387px | 24.1875rem |
| 388px | 24.25rem |
| 389px | 24.3125rem |
| 390px | 24.375rem |
| 391px | 24.4375rem |
| 392px | 24.5rem |
| 393px | 24.5625rem |
| 394px | 24.625rem |
| 395px | 24.6875rem |
| 396px | 24.75rem |
| 397px | 24.8125rem |
| 398px | 24.875rem |
| 399px | 24.9375rem |
| 400px | 25rem |
| 401px | 25.0625rem |
| 402px | 25.125rem |
| 403px | 25.1875rem |
| 404px | 25.25rem |
| 405px | 25.3125rem |
| 406px | 25.375rem |
| 407px | 25.4375rem |
| 408px | 25.5rem |
| 409px | 25.5625rem |
| 410px | 25.625rem |
| 411px | 25.6875rem |
| 412px | 25.75rem |
| 413px | 25.8125rem |
| 414px | 25.875rem |
| 415px | 25.9375rem |
| 416px | 26rem |
| 417px | 26.0625rem |
| 418px | 26.125rem |
| 419px | 26.1875rem |
| 420px | 26.25rem |
| 421px | 26.3125rem |
| 422px | 26.375rem |
| 423px | 26.4375rem |
| 424px | 26.5rem |
| 425px | 26.5625rem |
| 426px | 26.625rem |
| 427px | 26.6875rem |
| 428px | 26.75rem |
| 429px | 26.8125rem |
| 430px | 26.875rem |
| 431px | 26.9375rem |
| 432px | 27rem |
| 433px | 27.0625rem |
| 434px | 27.125rem |
| 435px | 27.1875rem |
| 436px | 27.25rem |
| 437px | 27.3125rem |
| 438px | 27.375rem |
| 439px | 27.4375rem |
| 440px | 27.5rem |
| 441px | 27.5625rem |
| 442px | 27.625rem |
| 443px | 27.6875rem |
| 444px | 27.75rem |
| 445px | 27.8125rem |
| 446px | 27.875rem |
| 447px | 27.9375rem |
| 448px | 28rem |
| 449px | 28.0625rem |
| 450px | 28.125rem |
| 451px | 28.1875rem |
| 452px | 28.25rem |
| 453px | 28.3125rem |
| 454px | 28.375rem |
| 455px | 28.4375rem |
| 456px | 28.5rem |
| 457px | 28.5625rem |
| 458px | 28.625rem |
| 459px | 28.6875rem |
| 460px | 28.75rem |
| 461px | 28.8125rem |
| 462px | 28.875rem |
| 463px | 28.9375rem |
| 464px | 29rem |
| 465px | 29.0625rem |
| 466px | 29.125rem |
| 467px | 29.1875rem |
| 468px | 29.25rem |
| 469px | 29.3125rem |
| 470px | 29.375rem |
| 471px | 29.4375rem |
| 472px | 29.5rem |
| 473px | 29.5625rem |
| 474px | 29.625rem |
| 475px | 29.6875rem |
| 476px | 29.75rem |
| 477px | 29.8125rem |
| 478px | 29.875rem |
| 479px | 29.9375rem |
| 480px | 30rem |
| 481px | 30.0625rem |
| 482px | 30.125rem |
| 483px | 30.1875rem |
| 484px | 30.25rem |
| 485px | 30.3125rem |
| 486px | 30.375rem |
| 487px | 30.4375rem |
| 488px | 30.5rem |
| 489px | 30.5625rem |
| 490px | 30.625rem |
| 491px | 30.6875rem |
| 492px | 30.75rem |
| 493px | 30.8125rem |
| 494px | 30.875rem |
| 495px | 30.9375rem |
| 496px | 31rem |
| 497px | 31.0625rem |
| 498px | 31.125rem |
| 499px | 31.1875rem |
| 500px | 31.25rem |
Frequently Asked Questions
Multiply the REM value by the root font size, which is 16px in almost all browsers by default. For example, 1rem = 16px, 0.5rem = 8px, and 1.5rem = 24px. This tool does the calculation instantly, including for fractional values like 0.125rem or 0.375rem.
REM (Root EM) is a CSS unit relative to the root element's font size. If the root font size is 16px, 1rem equals 16px. REM scales automatically when the root font size changes, which makes it ideal for responsive typography and flexible layouts.
Utility frameworks build their spacing and sizing scales on small REM increments (often 0.125rem, equal to 2px at the default base size) so that every utility class lines up on a consistent grid. That's why you'll see values like 0.375rem, 0.625rem, or 1.125rem in their design tokens.
PX (Pixel) is an absolute unit in CSS representing a single dot on the screen. Pixels are fixed in size and do not scale with the browser's font settings, which makes them useful for elements needing precise control, like borders or icons, but less flexible for responsive layouts.
REM units offer better accessibility and scalability compared to pixels. They adjust based on the root font size, making your website more responsive across devices and user settings. Pixels remain fixed, which can limit flexibility in responsive designs.
Yes. REM values are always relative to the root font size. If your CSS sets a different root size (e.g., 20px), then 1rem equals 20px, and every converted value shifts accordingly. Use the base font size field to convert with a different root size.
Yes. The input accepts any decimal value, so 0.125rem, 0.375rem, 0.9375rem, 2.4rem, and similar values all convert instantly and precisely.
The swap button switches focus between the REM and PX input fields, so you can quickly enter a value in one unit and see the converted result in the other without manually clicking into the other field.
Yes. Conversions are precise to 4 decimal places, based on the standard formulas: px = rem × 16 and rem = px / 16.
Absolutely. This page includes a common-values table for typical fractional REM sizes, plus full REM-to-PX and PX-to-REM reference tables, so you can look up conversions without typing anything. Every value links to its own page with more detail.
