Aa
Navy on Light Blue
6.25:1 contrast ratio
WCAG AA6.25:1 contrast ratio
Navy on Light Blue
Passes WCAG AA — suitable for normal body text and UI components
✓ Pass
WCAG AA Normal
4.5:1 required
✓ Pass
WCAG AA Large
3:1 required
✗ Fail
WCAG AAA Normal
7:1 required
✓ Pass
UI Components
3:1 required
Navy
Foreground (Text)
HEX
#000080
Light Blue
Background
HEX
#ADD8E6
Contrast Analysis
6.25:1
Contrast ratio
WCAG AA
Meets WCAG 2.1 AA standard
CSS Code
CSS Variables
:root {
--fg: #000080;
--bg: #ADD8E6;
}Inline Style
color: #000080; background-color: #ADD8E6;
Tailwind (arbitrary)
text-[#000080] bg-[#ADD8E6]
Use Cases
oceancalmcoastal