Aa
Royal Blue on White
4.7:1 contrast ratio
WCAG AA4.7:1 contrast ratio
Royal Blue on White
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
Royal Blue
Foreground (Text)
HEX
#4169E1
White
Background
HEX
#FFFFFF
Contrast Analysis
4.7:1
Contrast ratio
WCAG AA
Meets WCAG 2.1 AA standard
CSS Code
CSS Variables
:root {
--fg: #4169E1;
--bg: #FFFFFF;
}Inline Style
color: #4169E1; background-color: #FFFFFF;
Tailwind (arbitrary)
text-[#4169E1] bg-[#FFFFFF]
Use Cases
royallinkinteractive