#FFA245 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ffa245 is a high-saturation, warm orange that demands attention. Because it is so bright, use it as a 10% accent color rather than a large background to avoid overwhelming the eye. It pairs surprisingly well with deep charcoal grays, creating a modern, high-contrast look for sports branding or safety signage. Black text remains perfectly readable against this shade for smaller UI elements.
Questions about #ffa245
What is #ffa245 in RGB, HSL and CMYK?
In RGB, #ffa245 is rgb(255, 162, 69), in HSL hsl(30, 100%, 64%) and in CMYK 0%, 36%, 73%, 0%.
How should #ffa245 be used in UI design?
Use #ffa245 sparingly as a 10% accent color to draw attention to call-to-action buttons or important highlights. Because of its extreme saturation, it can quickly overwhelm a layout if used as a primary background or full-page fill.
What colors pair well with #ffa245?
The most effective way to anchor #ffa245 is by pairing it with charcoal or deep slate grays, which ground the brightness. These dark neutrals create a modern, high-contrast look suitable for sports branding, safety signage, or industrial-inspired web interfaces.
Is #ffa245 readable on white or black?
#ffa245 has a 1.99:1 contrast ratio on white and 10.50: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.