#F5A441 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f5a441 is a luminous, high-energy orange that feels both friendly and assertive. Its warm, glowing quality makes it an excellent choice for a 10% accent color in UI design, though it can overwhelm if used as a large background. Pair this hex code with a deep charcoal or navy blue for a sophisticated look that keeps the brightness contained.
Questions about #f5a441
What is #f5a441 in RGB, HSL and CMYK?
In RGB, #f5a441 is rgb(245, 164, 65), in HSL hsl(33, 90%, 61%) and in CMYK 0%, 33%, 73%, 4%.
What colors work best with #f5a441 in a design?
Pair #f5a441 with a deep charcoal or dark navy blue to anchor its intensity and create a sophisticated, high-contrast look. These grounding dark neutrals prevent the orange from feeling overwhelming while maintaining its friendly, approachable energy in your layout.
Is #f5a441 a safe choice for text on a white background?
No, #f5a441 is too light and vibrant to meet accessibility standards for readable text against a standard white background. Use this color strictly for graphic accents, call-to-action buttons, or illustrations rather than for body copy or small text.
Is #f5a441 readable on white or black?
#f5a441 has a 2.04:1 contrast ratio on white and 10.26: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.