#F48C2E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This vivid, saturated orange demands attention, making it ideal for high-impact accents or calls to action rather than large backgrounds. It carries an intense, warm energy that pairs well with deep charcoal or slate greys. Because black text offers a strong 8.6:1 contrast ratio against it, #f48c2e serves as an excellent, readable choice for bold UI elements. The hex code for this color is #f48c2e.
Questions about #f48c2e
What is #f48c2e in RGB, HSL and CMYK?
In RGB, #f48c2e is rgb(244, 140, 46), in HSL hsl(28, 90%, 57%) and in CMYK 0%, 43%, 81%, 4%.
How should I use #f48c2e in my UI design?
Use #f48c2e primarily as an accent color for calls to action or notification badges rather than background fill. Its high intensity creates excellent readability against charcoal or dark gray, ensuring users immediately notice the most important elements on your interface.
Does #f48c2e work well for body text?
#f48c2e is generally too vibrant and saturated to be used for long-form body text because it causes eye strain. It works best as an attention-grabbing highlight color, and pairing it with slate or other deep neutrals helps ground its extreme energy.
Is #f48c2e readable on white or black?
#f48c2e has a 2.43:1 contrast ratio on white and 8.63: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.