#FAA73B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, saturated orange carries a strong yellow undertone, making it feel warm and energetic. Use #faa73b as an accent color for calls to action or playful branding, as it can overwhelm large backgrounds. It maintains excellent readability with black text, offering high contrast for buttons or headers. This hex code works best when paired with deep, cool charcoals or slate blues.
Questions about #faa73b
What is #faa73b in RGB, HSL and CMYK?
In RGB, #faa73b is rgb(250, 167, 59), in HSL hsl(34, 95%, 61%) and in CMYK 0%, 33%, 76%, 2%.
What color combinations work best with #faa73b?
The intense warmth of #faa73b balances perfectly against deep, cool neutrals like charcoal or slate blue. Using these darker tones grounds the brightness of the orange, preventing it from overwhelming the design while maintaining a high-contrast, professional visual hierarchy.
Is #faa73b suitable for large background areas?
Avoid using #faa73b as a full-page background because its high saturation can quickly cause eye fatigue for viewers. It functions far more effectively as a high-impact accent color for calls to action, headers, or buttons that require immediate user attention.
Is #faa73b readable on white or black?
#faa73b has a 1.97:1 contrast ratio on white and 10.65: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.