Aa
Black on Lavender
17.19:1 contrast ratio
WCAG AAA17.19:1 contrast ratio
Black on Lavender
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
Lavender
Background
HEX
#E6E6FA
Contrast Analysis
17.19:1
Contrast ratio
WCAG AAA
Exceeds WCAG 2.1 AAA standard
CSS Code
CSS Variables
:root {
--fg: #000000;
--bg: #E6E6FA;
}Inline Style
color: #000000; background-color: #E6E6FA;
Tailwind (arbitrary)
text-[#000000] bg-[#E6E6FA]
Use Cases
softcalmfeminine