Design Tools
Color Contrast Checker
Explicit inputs, transparent formulas, and no decorative controls that do not affect the result.
Material-input utility
Every visible input changes this tool's calculation
Only inputs used by this calculation are shown. No hidden default costs, rates, weeks, buffers, or extra controls are applied.
Result
Contrast ratio: 17.74:1 WCAG AA normal text (4.5:1): Pass WCAG AA large text (3:1): Pass Foreground: #111827 Background: #ffffff