#FFBB43 Hex Color

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

Hex color #ffbb43 graphic
This bright, golden-orange carries a high saturation that feels warm and energetic. Because it commands immediate attention, #ffbb43 works best as a small accent rather than a full background. It pairs exceptionally well with charcoal gray or deep navy to create a sharp, readable contrast. Use this hex code for call-to-action buttons or highlights when you need to inject a sense of optimism into a UI layout.

Questions about #ffbb43

What is #ffbb43 in RGB, HSL and CMYK?
In RGB, #ffbb43 is rgb(255, 187, 67), in HSL hsl(38, 100%, 63%) and in CMYK 0%, 27%, 74%, 0%.
Where should I use #ffbb43 in a UI layout?
#ffbb43 works best as an accent color for interactive elements like call-to-action buttons rather than a background. Because it is so energetic, using it sparingly keeps your design from feeling overwhelming while still drawing the user's eye.
What colors pair well with #ffbb43?
This golden-orange creates excellent contrast when paired with dark, muted neutrals like charcoal or navy. These pairings ground the high-energy nature of #ffbb43, making it easier to read while maintaining a modern, professional aesthetic for your interface.
Is #ffbb43 readable on white or black?
#ffbb43 has a 1.68:1 contrast ratio on white and 12.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.