#F25D27 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f25d27 is an intense, saturated red-orange that demands immediate attention. Because of its high energy, it works best as a 10% accent color for calls to action or alert notifications rather than a background. Pair it with dark charcoal grays for a balanced, modern look. The hex code #f25d27 provides enough contrast for readable black text, making it a functional choice for high-impact UI design elements.
Questions about #f25d27
What is #f25d27 in RGB, HSL and CMYK?
In RGB, #f25d27 is rgb(242, 93, 39), in HSL hsl(16, 89%, 55%) and in CMYK 0%, 62%, 84%, 5%. Browse more shades of red with names and hex codes.
What colors pair well with #f25d27 in a design layout?
This red-orange demands attention, so pair it with dark charcoal or deep navy to ground the energy. Because of its intensity, keep it as an accent rather than a background to maintain readability.
Should I use #f25d27 for large text blocks?
No, #f25d27 is too saturated and lacks sufficient contrast against white to serve as body text. Reserve this shade for high-impact UI elements like alert banners or primary buttons where visual urgency is required.
Is #f25d27 readable on white or black?
#f25d27 has a 3.29:1 contrast ratio on white and 6.37: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.