Blue Text on Orange Background Contrast Ratio
Check the WCAG contrast ratio for blue text on a orange background, see whether it passes AA and AAA accessibility standards, and test similar combinations in our free checker.
Heading text
Paragraph text at normal size. This is how your combination looks in a typical interface.
Caption or secondary text.
- WCAG AA Normal 4.5:1 Fail
- WCAG AA Large 3:1 Pass
- WCAG AAA Normal 7:1 Fail
- WCAG AAA Large 4.5:1 Fail
This pair doesn't meet WCAG AA. Get AI-powered accessible alternatives that stay close to your original colors.
Fix It with AIColor values
Foreground (Blue)
#0000FF
Background (Orange)
#FFA500
What this ratio means
This color combination has a contrast ratio of 4.35:1. It does not meet WCAG AA for normal text (4.5:1 required). It does not meet WCAG AAA for normal text (7:1).
Accessible color contrast ensures readability for users with low vision, color blindness, or in bright environments. WCAG defines two compliance levels: AA (minimum, legally required in many jurisdictions) and AAA (enhanced). Large text (18pt or 14pt bold) has lower requirements than normal body text.
Related contrast checks
Want to test and fix another color pair? Use the Color Contrast Checker with AI Fixes to check WCAG contrast and get accessible alternatives.