Dark Mode Pair Checker
Build light and dark color pairs with contrast ratios.
14.68:1
light contrast - AAA
16.98:1
dark contrast - AAA
:root {
--color-bg: #ffffff;
--color-text: #1f2937;
}
[data-theme="dark"] {
--color-bg: #111827;
--color-text: #f9fafb;
}
/* contrast: light 14.68:1, dark 16.98:1 */About this tool
Build light and dark color pairs with contrast ratios.