Contrast

Check whether text stays readable on a background, with WCAG 2 and APCA.

Version

Background

#ffffff

white-0

Color

Shade

Recent

Colors you pick show up here.

Text

#000000

black-0

Color

Shade

Recent

Colors you pick show up here.

L^c 106

A minus sign means the background is the darker color.

Usable for text

0153045607590105

L^c 90 Preferred body text

L^c 75 Minimum body text

L^c 60 Minimum fluent text

L^c 45 Minimum large text

L^c 30 Minimum any text

L^c 15 Invisibility point

Minimum text size

Smallest size this pairing supports, per font weight.

Weight	Minimum size (px)
100	38
200	25
300	18
400	14.5
500	14
600	13
700	12
800	16
900	18

Preview

black-0 on white-0

Heading, 24px

Lorem ipsum dolor sit amet consectetur adipisicing elit. In, mollitia vero? Laborum possimus sed suscipit vero. Harum fugit perferendis quasi.

Body, 16px

Lorem ipsum dolor sit amet consectetur adipisicing elit. In, mollitia vero? Laborum possimus sed suscipit vero quibusdam voluptatem animi voluptatum! Possimus sit expedita commodi accusantium, harum fugit perferendis quasi? Tempore!

Caption, 12px

References