Pure #000 background
Pure #000 text on pure #fff background
Gray text on blue background
Gray text on green background
Light gray text on white — very low contrast
Dark gray text on near-black — low contrast
The best solution for modern teams and businesses
bg-black — pure black bg
text-gray-400 on bg-blue-500 — gray on color
Purple-to-indigo gradient
Near-black bg, near-white text — tinted, not pure
Near-white bg, near-black text — good contrast, tinted
Near-white text on dark blue — high contrast, not pure white
Dark green text on green bg — same hue family
White text on image background — should not flag low-contrast
bg-black/3 — 3% opacity, not pure black
hover:bg-black/5 — hover state, not pure black
bg-black/50 — 50% opacity, not pure black
⚠️ 🚨 ✨ 🎨
⚠️ 🚨 ✨ 🎨