Lifeguard
An intense and high-octane primary red
Lifeguard is an intense, high-octane red that demands immediate attention. Because it is incredibly saturated and bright, avoid using it as a large-scale background, as it quickly overwhelms the eye. It works best as a 10% accent color for calls to action or error messages. Pair this hex code, #e50000, with crisp white text to maintain WCAG AA legibility standards.
Questions about Lifeguard
What is the hex code for Lifeguard?
Lifeguard is #e50000. In RGB that is rgb(229, 0, 0), in HSL hsl(0, 100%, 45%) and in CMYK 0%, 100%, 100%, 10%.
How should I use Lifeguard #e50000 in a UI layout?
Lifeguard is extremely saturated and aggressive, so avoid using it as a main background color. Instead, reserve it for high-impact UI elements like call-to-action buttons, critical error notifications, or alert icons where you need to draw the eye immediately.
Is Lifeguard readable on white or black?
Lifeguard has a 4.84:1 contrast ratio on white and 4.33:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.