Aa
Charcoal on Ivory
10.41:1 contrast ratio
WCAG AAA10.41:1 contrast ratio
Charcoal on Ivory
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
Charcoal
Foreground (Text)
HEX
#36454F
Ivory
Background
HEX
#FFFFF0
Contrast Analysis
10.41:1
Contrast ratio
WCAG AAA
Exceeds WCAG 2.1 AAA standard
CSS Code
CSS Variables
:root {
--fg: #36454F;
--bg: #FFFFF0;
}Inline Style
color: #36454F; background-color: #FFFFF0;
Tailwind (arbitrary)
text-[#36454F] bg-[#FFFFF0]
Use Cases
elegantwarmeditorial