#FA6F13 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#fa6f13 is an intensely saturated orange that demands immediate attention. Due to its high chroma, it works best as a 10% accent rather than a full background, where it can easily overwhelm the viewer. It pairs unexpectedly well with deep charcoal grays to ground its loudness. Because it passes WCAG contrast standards, black text remains perfectly legible against this hex code for buttons or call to action elements.
Questions about #fa6f13
What is #fa6f13 in RGB, HSL and CMYK?
In RGB, #fa6f13 is rgb(250, 111, 19), in HSL hsl(24, 96%, 53%) and in CMYK 0%, 56%, 92%, 2%.
How should I use the intense #fa6f13 orange in my design?
Because #fa6f13 is highly saturated, it works best as a 10% accent rather than a background color, where it can easily overwhelm the viewer. Reserve it for call to action buttons or small UI highlights to ensure it maintains visual balance.
What colors pair well with #fa6f13 for a balanced palette?
The loudness of #fa6f13 is best grounded by pairing it with charcoal or deep neutral grays. These dark, muted tones provide a strong visual anchor that allows the orange to pop without appearing chaotic or aggressive.
Is #fa6f13 readable on white or black?
#fa6f13 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.