#F15A24 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f15a24 is an aggressive, high-chroma orange-red that demands immediate visual attention. Because it dominates any composition, use it as an accent rather than a background color to maintain hierarchy. It pairs surprisingly well with deep charcoal grays for a modern, industrial aesthetic. With a 6.2:1 contrast ratio against black text, this hex code is an effective choice for bold call-to-action buttons in UI design.
Questions about #f15a24
What is #f15a24 in RGB, HSL and CMYK?
In RGB, #f15a24 is rgb(241, 90, 36), in HSL hsl(16, 88%, 54%) and in CMYK 0%, 63%, 85%, 5%.
How should I effectively use #f15a24 in a design layout?
#f15a24 works best as an accent color rather than a background because of its high visual dominance. Use it sparingly for call-to-action buttons or highlights where you need to draw the user's eye immediately without overwhelming the surrounding interface.
What colors pair well with the #f15a24 orange-red?
This vibrant color creates a strong, modern, and industrial aesthetic when paired with deep charcoal or slate grays. These dark neutral backgrounds neutralize the intensity of #f15a24, allowing the orange-red to pop clearly while maintaining a professional balance.
Is #f15a24 readable on white or black?
#f15a24 has a 3.37:1 contrast ratio on white and 6.22: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.