#F01400 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This highly saturated, intense red demands immediate attention. Because of its extreme brightness, #f01400 works best as a 10% accent rather than a full background, where it can easily overwhelm the eye. Pair this shade with cool grays or charcoal to anchor its high energy. Black text maintains excellent legibility against the hex code #f01400, making it effective for call-to-action buttons or urgent alerts.
Questions about #f01400
What is #f01400 in RGB, HSL and CMYK?
In RGB, #f01400 is rgb(240, 20, 0), in HSL hsl(5, 100%, 47%) and in CMYK 0%, 92%, 100%, 6%.
How should I use #f01400 in UI design?
Because #f01400 is highly saturated and visually demanding, use it sparingly as a 10% accent rather than a primary background color. It is excellent for call-to-action buttons or alert icons where you need to draw the user's eye immediately.
What colors pair well with #f01400?
Pair #f01400 with charcoal or deep cool grays to anchor its intense energy and maintain legibility. Black text provides the best contrast against this red, ensuring that critical information remains readable even when used in high-impact buttons or banners.
Is #f01400 readable on white or black?
#f01400 has a 4.37:1 contrast ratio on white and 4.80:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.