Aa
Strong light/dark separation
This score changes very little because luminance already provides the visibility.
0/100
No logo selected
Drag and drop a logo here, or choose from your computer
Recommended resolution: 300px or larger (PNG, SVG, JPG, WebP)Tune how color difference contributes to Human Visual scoring.
Controls how much color difference can support logo/background visibility in addition to light–dark separation.
0.18 is a calibration value, not “18% of human vision.”
The slider changes Visual scoring and ranking, not technical compliance.
These two examples use the same Human Visual formula as the scorer.
This score changes very little because luminance already provides the visibility.
Similar brightness, different color. Its Visual support rises as Color Influence increases.
Color Influence can change Visual scores and background ranking, but it cannot turn weak luminance separation into strong technical contrast.
Affects Human Visual scoring in Suggested BG, Color Families, 9 Standards, and Saved BG.
PairVisibility = min(1, √(L² + (wC × C)²))L — light/dark figure-ground separation
C — perceptual color separation using OKLab a/b only
wC — the Color Influence value you choose
Visual principles, complementary harmony, and international accessibility standards
BGcolor uses the WCAG 2.2 contrast ratio as a logo/background separation metric. Logos and brand names have WCAG exceptions, so this is a BGcolor visibility criterion rather than a WCAG conformance certification for logos:
Complementary colors sit 180° apart on the color wheel. When placed together:
60% Area: Primary background or brand color for visual consistency.
30% Area: Secondary color for cards, headers, and structural borders.
10% Area: Accent/complementary color for conversion-focused touchpoints.
Phones and computers display color using the emissive RGB / HEX while offset and digital printers use the four-ink CMYK (Cyan, Magenta, Yellow, Key/Black). pickbg.com provides CMYK values to support accurate print production.