#F5A13A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High energy and warm, #f5a13a is a saturated orange with a sunny, yellow undertone. It commands attention and works best as a 10% accent color rather than a large background, where it can easily overwhelm the eye. Pair this hex code with deep charcoal or navy to ground its intensity. Because black text offers excellent contrast, it is a safe choice for bold, legible typography.
Questions about #f5a13a
What is #f5a13a in RGB, HSL and CMYK?
In RGB, #f5a13a is rgb(245, 161, 58), in HSL hsl(33, 90%, 59%) and in CMYK 0%, 34%, 76%, 4%.
What colors pair best with #f5a13a in a design?
Is #f5a13a a safe choice for text and typography?
#f5a13a is generally too bright and low-contrast for readable body text on light backgrounds. However, it functions excellently for large, bold headings or call-to-action buttons when paired with dark, high-contrast text like black or dark gray to ensure accessibility.
Is #f5a13a readable on white or black?
#f5a13a has a 2.09:1 contrast ratio on white and 10.04: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.