#F48C1C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, high-saturation orange commands immediate attention, making it perfect for call-to-action buttons or small accents in UI design. Because it is so loud, avoid using it as a large background. It pairs exceptionally well with deep charcoals, which provide necessary contrast. Black text reads clearly over this shade. The hex code for this energetic, warm color is #f48c1c.
Questions about #f48c1c
What is #f48c1c in RGB, HSL and CMYK?
In RGB, #f48c1c is rgb(244, 140, 28), in HSL hsl(31, 91%, 53%) and in CMYK 0%, 43%, 89%, 4%.
How can I effectively use #f48c1c in user interface design?
#f48c1c functions best as a high-visibility accent color rather than a large background fill. Use it sparingly for call-to-action buttons or key interaction points to command attention without overwhelming the user or fatiguing the eye.
Is #f48c1c readable on white or black?
#f48c1c has a 2.43:1 contrast ratio on white and 8.61: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.