#FAA700 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-chroma orange radiates optimism and energy. Due to its intense saturation, it serves best as a small, high-impact accent color rather than a dominant background. It creates a striking contrast against deep charcoal or navy tones. Because black text remains highly legible against this hue, the hex code #faa700 works effectively for safety warnings or bold, attention-grabbing calls to action.
Questions about #faa700
What is #faa700 in RGB, HSL and CMYK?
In RGB, #faa700 is rgb(250, 167, 0), in HSL hsl(40, 100%, 49%) and in CMYK 0%, 33%, 100%, 2%.
How should I use #faa700 in my designs?
Because #faa700 is highly saturated and intense, it works best as a small, deliberate accent rather than a background color. It draws the eye immediately, making it ideal for high-conversion call-to-action buttons or critical alerts that require instant user attention.
Which colors pair well with #faa700?
Is #faa700 readable on white or black?
#faa700 has a 1.98:1 contrast ratio on white and 10.59: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.