#FAAE09 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
High-energy and luminous, #faae09 operates as a piercing, golden-orange accent. It is too intense for large backgrounds, but it commands attention in small, functional UI elements or calls-to-action. Pair it with deep charcoal grays to ground its glow. Because it offers strong contrast against black, this hex code remains highly readable for typography and small icons on digital interfaces.
Questions about #faae09
What is #faae09 in RGB, HSL and CMYK?
In RGB, #faae09 is rgb(250, 174, 9), in HSL hsl(41, 96%, 51%) and in CMYK 0%, 30%, 96%, 2%.
What colors pair well with #faae09 for UI design?
Use deep charcoal or dark navy to ground the intense glow of #faae09. Because this orange is so luminous, pairing it with near-black neutrals creates a high-contrast, accessible visual that works perfectly for readable typography and distinct call-to-action buttons.
Is #faae09 suitable for text on a white background?
Using #faae09 for body text is generally not recommended as it lacks sufficient contrast against white backgrounds, creating readability issues. It performs best as a vibrant accent color for icons, borders, or specific UI elements that need to pop against neutral backgrounds.
Is #faae09 readable on white or black?
#faae09 has a 1.88:1 contrast ratio on white and 11.12: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.