Unpeeled LogoBrand Peel

Brand Color Accessibility Checker

Validate contrast instantly across your brand palette and choose combinations that pass WCAG for real product UI.
Open Pricing
Free Tool Design System
Tools Overview

Brand Color Accessibility Checker

Check WCAG contrast across your palette and find safe UI color pairs fast.

PreviousNext
Next Move - Solid resultPositioning

Recommended: Value Prop Clarity Scorecard

Visual contrast is solid. Improve message clarity to match visual quality.

Improve value prop clarity

Single Pair Checker

Test one foreground/background pairing for text readability.

Contrast Preview

Use this as a quick sanity check for headings, labels, and body copy.

Contrast Ratio

17.74:1

WCAG Grade

AAA

AA Small Text

Pass
Excellent contrast. Safe for body text and UI labels.

Palette Sweep

Add up to 8 colors. The checker ranks the strongest text/background pairs.

Palette Summary

20 checked pairs

40% AA pass rate

Best Pair

#111827 on #FFFFFF

17.74:1
Preview text for this pair

AA small text pass

Strong Pair

#FFFFFF on #111827

17.74:1
Preview text for this pair

AA small text pass

Good Pair

#111827 on #F59E0B

8.26:1
Preview text for this pair

AA small text pass

Valid Pair

#F59E0B on #111827

8.26:1
Preview text for this pair

AA small text pass

Valid Pair

#111827 on #14B8A6

7.13:1
Preview text for this pair

AA small text pass

Valid Pair

#14B8A6 on #111827

7.13:1
Preview text for this pair

AA small text pass

Valid Pair

#111827 on #3B82F6

4.82:1
Preview text for this pair

AA small text pass

Valid Pair

#3B82F6 on #111827

4.82:1
Preview text for this pair

AA small text pass

Get Desktop AppTry Landing Scent Checker