#F40E21 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This blazing red is an intense, high-saturation pigment that demands immediate attention. Due to its extreme brightness, #f40e21 works best as an accent color for calls to action or error states rather than a large background. It pairs well with charcoal grays or deep navy to ground its visual heat. With a contrast ratio of 4.9:1 against black text, the hex code provides excellent readability for UI components.
Questions about #f40e21
What is #f40e21 in RGB, HSL and CMYK?
In RGB, #f40e21 is rgb(244, 14, 33), in HSL hsl(355, 91%, 51%) and in CMYK 0%, 94%, 86%, 4%.
What colors pair well with the #f40e21 red?
This bold red pairs best with charcoal or deep navy tones to ground its extreme visual heat. Using a dark neutral prevents the intensity of #f40e21 from overwhelming your layout while maintaining a professional and balanced aesthetic for UI design.
Is #f40e21 suitable for primary text on a website?
Avoid using #f40e21 for large blocks of body text because its extreme brightness causes eye strain. It functions most effectively as a high-contrast accent for interactive elements like alerts or buttons where it can draw the user's eye.
Is #f40e21 readable on white or black?
#f40e21 has a 4.25:1 contrast ratio on white and 4.93: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.