#FF6A2A Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ff6a2a graphic
#ff6a2a is a high-octane orange with intense saturation. Because it demands immediate attention, reserve this color for small UI accents like call-to-action buttons or highlights. It pairs effectively with deep charcoals rather than black, creating a modern, readable contrast. Avoid using this hex code for large background areas, as its aggressive warmth quickly overwhelms the eye. It functions best as a pop of energy.

Questions about #ff6a2a

What is #ff6a2a in RGB, HSL and CMYK?
In RGB, #ff6a2a is rgb(255, 106, 42), in HSL hsl(18, 100%, 58%) and in CMYK 0%, 58%, 84%, 0%. Browse more shades of orange with names and hex codes.
How should I implement #ff6a2a in interface design?
#ff6a2a functions best as a focused pop of energy for call-to-action buttons or small UI highlights. Because of its intense saturation, using it for large background areas can quickly overwhelm the viewer and reduce overall visual readability.
Is #ff6a2a readable on white or black?
#ff6a2a has a 2.85:1 contrast ratio on white and 7.34: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.