#FAA356 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#faa356 is a warm, high-saturation orange with a glowing quality that feels energetic rather than aggressive. Because it is quite bright, it works best as a punchy accent color rather than a dominant background. Pair it with deep charcoal or slate grays for balance. This hex code offers excellent contrast with black text, making it a functional choice for high-visibility UI elements.
Questions about #faa356
What is #faa356 in RGB, HSL and CMYK?
In RGB, #faa356 is rgb(250, 163, 86), in HSL hsl(28, 94%, 66%) and in CMYK 0%, 35%, 66%, 2%.
How should I use #faa356 in a UI design?
#faa356 is an energetic, high-saturation hue that works best as a punchy accent rather than a dominant background. Use it for call-to-action buttons or status indicators against charcoal or dark gray text to maximize readability and impact.
What colors pair well with #faa356?
Because of its intense warmth, #faa356 balances best against deep neutrals like slate or charcoal. Avoiding other competing bright colors prevents visual clutter, allowing this specific orange to maintain its clean, glowing quality without overwhelming the overall layout.
Is #faa356 readable on white or black?
#faa356 has a 2.01:1 contrast ratio on white and 10.43: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.