#F29A2E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and luminous, this warm orange demands attention without feeling aggressive. The hex code #f29a2e works best as a punchy accent color to draw the eye toward key calls to action. It pairs unexpectedly well with deep charcoal grays, which ground its saturation. Use it sparingly, as its intensity can quickly overwhelm a layout if applied to large backgrounds.
Questions about #f29a2e
What is #f29a2e in RGB, HSL and CMYK?
In RGB, #f29a2e is rgb(242, 154, 46), in HSL hsl(33, 88%, 56%) and in CMYK 0%, 36%, 81%, 5%.
What colors pair well with #f29a2e?
#f29a2e works best when anchored by deep charcoal or slate grays, which balance its high intensity. For a more adventurous palette, try pairing this luminous orange with muted teals or cool navy blues to create a striking complementary contrast.
Is #f29a2e suitable for large backgrounds?
Avoid using #f29a2e for large backgrounds because its high saturation can quickly overwhelm a layout and cause eye strain. Instead, reserve this punchy orange for specific UI elements like buttons, notification badges, or icon highlights that need to demand attention.
Is #f29a2e readable on white or black?
#f29a2e has a 2.22:1 contrast ratio on white and 9.43: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.