#F48038 Hex Color
A bold orange with intense energy
This bold orange delivers high intensity and immediate visual impact. Because #f48038 is so saturated, it works best as a deliberate accent or call-to-action button rather than a large background field. Use it sparingly to guide user attention. Black text remains perfectly readable against this tone, making it a reliable choice for high-contrast UI elements like banners or alert icons.
Questions about #f48038
What is #f48038 in RGB, HSL and CMYK?
In RGB, #f48038 is rgb(244, 128, 56), in HSL hsl(23, 90%, 59%) and in CMYK 0%, 48%, 77%, 4%.
Where should I use #f48038 in a UI design?
#f48038 is best reserved for call-to-action buttons, notification badges, or critical alert icons where you need to guide the user's eye immediately. Because it is highly saturated, avoid using it as a large background or main text color to prevent visual fatigue.
What colors pair well with #f48038 for a balanced palette?
Is #f48038 readable on white or black?
#f48038 has a 2.62:1 contrast ratio on white and 7.99: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.