Fill in text or background color to find the other. Or fill in both to check if contrast passes.
Text color
Background color
⇅
Font Size (px)
14
16
18 - 22
24 - 34
36 - 46
48 - 58
60 - 70
72+
Font Weight
400
Content Type
Sparse content
Dense text
Byline
Non-text
Content types explanation
Sparse content
: Upto two lines of text. e.g. a navigation menu item, including it's icon
Dense text
: large paragraphs of text
Byline
: e.g. copyright text on the footer of a website
Non-text
: e.g. a decorative border
Algorithm uses
APCA silver lookup table
HSLuv Color Picker
×
H
S
L