#FBB034 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #fbb034 graphic
#fbb034 is a highly saturated, energetic orange that leans into a sunny, golden warmth. Because of its intensity, this color works best as an accent or a call to action button rather than a large background. Pair it with deep charcoal or navy blue to ground its brightness. The hex code for this glowing tone is #fbb034, which maintains excellent contrast for black text.

Questions about #fbb034

What is #fbb034 in RGB, HSL and CMYK?
In RGB, #fbb034 is rgb(251, 176, 52), in HSL hsl(37, 96%, 59%) and in CMYK 0%, 30%, 79%, 2%.
What colors pair best with #fbb034 in a design layout?
Because #fbb034 is highly saturated and warm, it looks best when grounded by darker, cooler tones like charcoal or navy. These high-contrast pairings prevent the orange from feeling overwhelming while maintaining its energetic and sunny character in any interface.
Is #fbb034 a safe choice for text on a white background?
Using #fbb034 for body text on a white background fails accessibility standards because the color is too bright and lacks sufficient contrast. It is much better suited for UI elements like buttons, icons, or decorative accents where readability is not the primary requirement.
Is #fbb034 readable on white or black?
#fbb034 has a 1.84:1 contrast ratio on white and 11.36: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.