#F28C28 Hex Color
Vivid orange with a high energy punch
This intense, saturated orange commands attention with its high-energy, cheerful character. It works best as an accent or call-to-action button, as its brightness can overwhelm large areas. For a balanced, high-contrast palette, pair this shade with deep charcoal or navy. The hex code for this vivid orange is #f28c28, which offers excellent readability against black text.
Questions about #f28c28
What is #f28c28 in RGB, HSL and CMYK?
In RGB, #f28c28 is rgb(242, 140, 40), in HSL hsl(30, 89%, 55%) and in CMYK 0%, 42%, 83%, 5%.
What colors pair well with #f28c28 in a design layout?
Is #f28c28 suitable for large areas of text or background?
Avoid using #f28c28 for large blocks of text or expansive backgrounds because its high saturation and brightness can cause significant eye strain. It is best reserved for small, intentional elements like call-to-action buttons, notification badges, or icon highlights.
Is #f28c28 readable on white or black?
#f28c28 has a 2.45:1 contrast ratio on white and 8.55: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.