Aa
Black on Orange
11:1 contrast ratio
WCAG AAA11:1 contrast ratio
Black on Orange
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
Black
Foreground (Text)
HEX
#000000
Orange
Background
HEX
#FFA500
Contrast Analysis
11:1
Contrast ratio
WCAG AAA
Exceeds WCAG 2.1 AAA standard
CSS Code
CSS Variables
:root {
--fg: #000000;
--bg: #FFA500;
}Inline Style
color: #000000; background-color: #FFA500;
Tailwind (arbitrary)
text-[#000000] bg-[#FFA500]
Use Cases
energeticctaconstruction