#F57612 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, high-intensity orange commands immediate attention, making it perfect for call-to-action buttons or small visual accents. It carries a heavy, warm energy that can overwhelm large spaces, so use it sparingly to avoid visual fatigue. For the best legibility, pair this shade with deep black text to meet WCAG standards. The hex code for this color is #f57612.
Questions about #f57612
What is #f57612 in RGB, HSL and CMYK?
In RGB, #f57612 is rgb(245, 118, 18), in HSL hsl(26, 92%, 52%) and in CMYK 0%, 52%, 93%, 4%.
How can I effectively use #f57612 in a user interface?
#f57612 works best as a targeted accent color for buttons or notification badges where you need immediate user attention. Because it is so saturated, avoid using it as a large background block to prevent visual fatigue and maintain comfortable legibility.
Is #f57612 readable on white or black?
#f57612 has a 2.80:1 contrast ratio on white and 7.48:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.