#F5A105 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A bright, glowing orange, #f5a105 feels energetic and high-spirited. Its high saturation makes it an excellent choice for a 10% accent color rather than a dominant background. When paired with deep charcoal or navy, the hue gains a modern, crisp edge. The hex code #f5a105 offers enough contrast for black text to remain legible, making it effective for call-to-action buttons or athletic branding.
Questions about #f5a105
What is #f5a105 in RGB, HSL and CMYK?
In RGB, #f5a105 is rgb(245, 161, 5), in HSL hsl(39, 96%, 49%) and in CMYK 0%, 34%, 98%, 4%.
How should I use #f5a105 effectively in UI design?
#f5a105 works best as a 10% accent rather than a dominant background color, making it perfect for call-to-action buttons or alert icons. Because it is highly saturated, it draws the eye immediately without overwhelming the surrounding layout.
What colors pair well with the #f5a105 orange?
Is #f5a105 readable on white or black?
#f5a105 has a 2.10:1 contrast ratio on white and 9.98: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.