#F28552 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon-adjacent orange is aggressive and high-energy. Because #f28552 is so saturated, it works best as a sharp accent rather than a full page background. Use it sparingly to draw the eye toward buttons or key call-to-action elements. It pairs well with charcoal gray or deep navy to anchor its intensity, and black text remains readable against it for accessible UI design.
Questions about #f28552
What is #f28552 in RGB, HSL and CMYK?
In RGB, #f28552 is rgb(242, 133, 82), in HSL hsl(19, 86%, 64%) and in CMYK 0%, 45%, 66%, 5%.
How should I use #f28552 in a UI design?
Because #f28552 is highly saturated, avoid using it for large backgrounds, which can overwhelm the viewer. Instead, apply it as a sharp accent for call-to-action buttons or navigational highlights where its intensity helps guide the user's eye naturally.
What colors pair well with #f28552?
This intense orange balances best against neutral, grounding tones that prevent the color from vibrating too much. Try pairing it with charcoal or deep navy to anchor its intensity, ensuring that any text remains readable and professional for your users.
Is #f28552 readable on white or black?
#f28552 has a 2.54:1 contrast ratio on white and 8.25: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.