#FAA116 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy orange is saturated and warm, demanding immediate attention. Because #faa116 is so vivid, it works best as a 10% accent color for calls to action or playful branding rather than a large background. It pairs exceptionally well with deep charcoal grays, which maximize readability. For accessibility, black text is the best choice for high-contrast, professional results.
Questions about #faa116
What is #faa116 in RGB, HSL and CMYK?
In RGB, #faa116 is rgb(250, 161, 22), in HSL hsl(37, 96%, 53%) and in CMYK 0%, 36%, 91%, 2%.
How should I use #faa116 in UI design?
Apply #faa116 sparingly as a high-impact accent color for primary call-to-action buttons or interface alerts. Because this orange is so saturated, it works best when limited to 10% or less of your total design layout to avoid overwhelming the user.
What colors pair well with #faa116?
Deep charcoal or near-black tones provide the best contrast for #faa116, ensuring text remains readable and professional. You can also pair it with deep, muted navy blues if you need a balanced, sophisticated, and high-contrast complementary color scheme.
Is #faa116 readable on white or black?
#faa116 has a 2.06:1 contrast ratio on white and 10.17: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.