#FBA34B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Saturated and warm, #fba34b carries an energetic mood that works best as a high-impact accent. It pairs effectively with deep charcoal grays to balance its intensity. With a 10.4:1 contrast ratio against black text, the hex code #fba34b provides excellent readability for UI alerts or call-to-action buttons. Use it sparingly to maintain visual hierarchy, as large fields can easily overwhelm a design.
Questions about #fba34b
What is #fba34b in RGB, HSL and CMYK?
In RGB, #fba34b is rgb(251, 163, 75), in HSL hsl(30, 96%, 64%) and in CMYK 0%, 35%, 70%, 2%.
What colors pair well with #fba34b?
Use #fba34b alongside deep charcoal or dark gray tones to ground its intense, energetic warmth. These dark neutrals create a strong contrast that prevents the vibrant orange from feeling overwhelming, ensuring your design maintains a balanced, professional hierarchy.
Is #fba34b suitable for UI text?
While #fba34b offers excellent readability against black text with a 10.4:1 contrast ratio, it is generally too vibrant for large blocks of copy. Reserve this hex code for functional elements like call-to-action buttons, notifications, or specific interface alerts.
Is #fba34b readable on white or black?
#fba34b has a 2.01:1 contrast ratio on white and 10.44: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.