Color, with
clarity.
Check a brand color against its background. Compare the text contrast, preview the pairing and bring the colors into your brandbook. No account required.
Choose a pairing.
| Text size | AA | AAA |
|---|---|---|
| Normal | 4.5:1 minimum | 7:1 minimum |
| Large | 3:1 minimum | 4.5:1 minimum |
Good things
belong together.
A considered palette should work as beautifully in the details as it does in the first impression.
#263648 on #F5F5F0Text preview only. Readability also depends on type size, weight, the screen and the final composition.
A pairing, not a complete audit.
This tool compares two opaque sRGB colors using relative luminance. Results use the full calculated ratio for the threshold test; the displayed ratio is rounded to two decimals. A rounded display of 4.50 does not itself guarantee a pass.
What counts as large text?
WCAG describes large text as at least 18 pt, or 14 pt in bold, approximately 24 CSS pixels or 18.67 CSS pixels in bold. Thin strokes and detailed backgrounds can still make a nominally passing combination difficult to read.
Where should the accent go?
If a pairing fails for body copy, keep that combination away from essential small text. Try a darker primary or a lighter base, then review real applications. A decorative accent does not need to carry every paragraph.
What this check leaves out
It does not test transparency, text over photographs, gradients, printed material, keyboard access or the full accessibility of a page. Passing one pair is not a certification. Record the intended use and text size beside your approved colors.
Method: W3C Contrast (Minimum) and Contrast (Enhanced). This is a WCAG 2.x contrast calculation, not APCA.
Give the palette
a place to live.
Create your brandbookThree free watermarked previews. Planned paid packages from $99; not open for orders. Explore planned packages.