Regular Banner
https://www.youtube.com/watch?v=p0VM9L-0SYE
If #333333 text passes 4.5 contrast with background, then #333333 text color
else if #ffffff text passes 4.5 contrast with background, then #ffffff text color
else if #333333 contrast is better than #fffffff then #000000 text color
else #ffffff
Luminance Formula: https://www.w3.org/WAI/GL/wiki/Relative_luminance
WebAim ADA Contrast Checker: https://webaim.org/resources/contrastchecker/
If #333333 text passes 4.5 contrast with background, then #333333 text color
else if #ffffff text passes 4.5 contrast with background, then #ffffff text color
else if #333333 contrast is better than #fffffff then #000000 text color
else #ffffff
Luminance Formula: https://www.w3.org/WAI/GL/wiki/Relative_luminance
WebAim ADA Contrast Checker: https://webaim.org/resources/contrastchecker/
If #333333 text passes 4.5 contrast with background, then #333333 text color
else if #ffffff text passes 4.5 contrast with background, then #ffffff text color
else if #333333 contrast is better than #fffffff then #000000 text color
else #ffffff
Luminance Formula: https://www.w3.org/WAI/GL/wiki/Relative_luminance
WebAim ADA Contrast Checker: https://webaim.org/resources/contrastchecker/
If #333333 text passes 4.5 contrast with background, then #333333 text color
else if #ffffff text passes 4.5 contrast with background, then #ffffff text color
else if #333333 contrast is better than #fffffff then #000000 text color
else #ffffff
Luminance Formula: https://www.w3.org/WAI/GL/wiki/Relative_luminance
WebAim ADA Contrast Checker: https://webaim.org/resources/contrastchecker/
If #333333 text passes 4.5 contrast with background, then #333333 text color
else if #ffffff text passes 4.5 contrast with background, then #ffffff text color
else if #333333 contrast is better than #fffffff then #000000 text color
else #ffffff
Luminance Formula: https://www.w3.org/WAI/GL/wiki/Relative_luminance
WebAim ADA Contrast Checker: https://webaim.org/resources/contrastchecker/
If #333333 text passes 4.5 contrast with background, then #333333 text color
else if #ffffff text passes 4.5 contrast with background, then #ffffff text color
else if #333333 contrast is better than #fffffff then #000000 text color
else #ffffff
Luminance Formula: https://www.w3.org/WAI/GL/wiki/Relative_luminance
WebAim ADA Contrast Checker: https://webaim.org/resources/contrastchecker/
If #333333 text passes 4.5 contrast with background, then #333333 text color
else if #ffffff text passes 4.5 contrast with background, then #ffffff text color
else if #333333 contrast is better than #fffffff then #000000 text color
else #ffffff
Luminance Formula: https://www.w3.org/WAI/GL/wiki/Relative_luminance
WebAim ADA Contrast Checker: https://webaim.org/resources/contrastchecker/
Let’s Get You A Free Quote