#FBAE23 Hex Color

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

Hex color #fbae23 graphic
Bright and highly saturated, #fbae23 is a warm orange with a sunny yellow cast and glowing energy. It brings optimism and playful momentum to food packaging, sports graphics, construction safety, and youth branding. Use it as a bold accent against charcoal or deep navy. Black text reaches about an 11.2:1 contrast ratio. The hex code is #fbae23.

Questions about #fbae23

What is #fbae23 in RGB, HSL and CMYK?
In RGB, #fbae23 is rgb(251, 174, 35), in HSL hsl(39, 96%, 56%) and in CMYK 0%, 31%, 86%, 2%. Browse more shades of orange with names and hex codes.
Which colors pair well with #fbae23?
#fbae23 pairs well with deep navy, charcoal, and blue-violet accents because their cool, dark tones balance its sunny warmth and improve visual hierarchy in interfaces, packaging, and bold graphic layouts. Use orange as a highlight against those darker colors.
Why does #fbae23 feel warm?
#fbae23 reads as a warm orange because its strong red component and sunny yellow cast create an energetic appearance rather than the calm, receding feel associated with cool blues and greens. That warmth suits upbeat accents and attention-grabbing graphics.
Is #fbae23 readable on white or black?
#fbae23 has a 1.87:1 contrast ratio on white and 11.18: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.