Scale increments

The table below shows 1.25 increments both BaseA (16px) and Base B (18px) in order from largest to smallest. Use this to translate Increment names into pixel or rem sizes.

Base

Increment name

Pixel size

Rem size

B (18px)

Base17

68.66px

6.866rem

A (16px)

Base16

61.04px

6.104rem

B (18px)

Base15

54.93px

5.493rem

A (16px)

Base14

48.83px

4.883rem

B (18px)

Base13

43.95px

4.395rem

A (16px)

Base12

39.06px

3.906rem

B (18px)

Base11

35.16px

3.516rem

A (16px)

Base10

31.25px

3.125rem

B (18px)

Base9

28.13px

2.813rem

A (16px)

Base8

25.00px

2.5rem

B (18px)

Base7

22.50px

2.25rem

A (16px)

Base6

20.00px

2rem

B (18px)

Base5

18.00px

1.8rem

A (16px)

Base4

16.00px

1.6rem

B (18px)

Base3

14.40px

1.44rem

A (16px)

Base2

12.80px

1.28rem

B (18px)

Base1

11.52px

1.152rem

A (16px)

Base0

10.00px

1rem

B (18px)

Base-1

9.22px

0.922rem

A (16px)

Base-2

8.19px

0.819rem

B (18px)

Base-3

7.37px

0.737rem

A (16px)

Base-4

6.55px

0.655rem

B (18px)

Base-5

5.90px

0.59rem

A (16px)

Base-6

5.24px

0.524rem

B (18px)

Base-7

4.72px

0.472rem

A (16px)

Base-8

4.19px

0.419rem

circle-info

Please use type-scale.comarrow-up-right to calculate additional sizes.

Last updated