#FBA474 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pastel orange is warm and mellow with a playful, youthful energy. Because it is highly readable against black text, the hex code #fba474 works well for UI buttons or small call-to-action elements. Avoid using it as a large background, as it can feel overwhelming. It pairs beautifully with deep charcoal or slate gray for a modern, sophisticated contrast that keeps designs feeling fresh.
Questions about #fba474
What is #fba474 in RGB, HSL and CMYK?
In RGB, #fba474 is rgb(251, 164, 116), in HSL hsl(21, 94%, 72%) and in CMYK 0%, 35%, 54%, 2%.
What colors pair well with #fba474 in web design?
#fba474 functions best when balanced against deep neutral tones like charcoal or slate, which ground its inherent playfulness. Because this orange is highly saturated, avoid pairing it with other bright, warm hues to keep your interface clean and readable.
Is #fba474 readable on white or black?
#fba474 has a 1.96:1 contrast ratio on white and 10.66: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.