Aa
White on Dark Red
9.43:1 contrast ratio
WCAG AAA9.43:1 contrast ratio
White on Dark Red
Passes WCAG AAA — suitable for all text and UI
✓ Pass
WCAG AA Normal
4.5:1 required
✓ Pass
WCAG AA Large
3:1 required
✓ Pass
WCAG AAA Normal
7:1 required
✓ Pass
UI Components
3:1 required
White
Foreground (Text)
HEX
#FFFFFF
Dark Red
Background
HEX
#8B0000
Contrast Analysis
9.43:1
Contrast ratio
WCAG AAA
Exceeds WCAG 2.1 AAA standard
CSS Code
CSS Variables
:root {
--fg: #FFFFFF;
--bg: #8B0000;
}Inline Style
color: #FFFFFF; background-color: #8B0000;
Tailwind (arbitrary)
text-[#FFFFFF] bg-[#8B0000]
Use Cases
alerterrorwarning