GrabColors
Tools
Sign In
Go Pro
Color Contrast Checker
Test color combinations for WCAG compliance and accessibility standards
Text Color
Background Color
Font Family
Inter
SF Pro Display
Segoe UI
Arial
Helvetica
Verdana
Calibri
Tahoma
Georgia
Times New Roman
Times
Baskerville
Crimson Text
Playfair Display
Merriweather
Roboto
Open Sans
Lato
Montserrat
Poppins
Nunito
Source Sans Pro
Raleway
Ubuntu
Work Sans
Oxygen
PT Sans
SF Mono
Monaco
Consolas
Courier New
JetBrains Mono
Fira Code
Oswald
Bebas Neue
Anton
Righteous
Fredoka One
Pacifico
Size
px
Weight
Thin
Extra Light
Light
Regular
Medium
Semi Bold
Bold
Extra Bold
Black
8.96
:
1
AAA
Contrast Ratio
AA
Normal
≥ 4.5:1
AAA
Normal
≥ 7:1
AA
Large
≥ 3:1
AAA
Large
≥ 4.5:1
Design is not just what it looks like and feels like. Design is how it works.
Why WCAG Compliance Matters