#F7BD57 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, golden-orange brings a sparkling energy to design projects. It feels optimistic and fun, making it an excellent choice for branding or event themes where you need high visibility. Because it pairs well with charcoal greys, you can use it as a 10% accent to keep layouts sharp. The hex code for this color is #f7bd57. Check other shades of orange if you need less intensity.
Questions about #f7bd57
What is #f7bd57 in RGB, HSL and CMYK?
In RGB, #f7bd57 is rgb(247, 189, 87), in HSL hsl(38, 91%, 65%) and in CMYK 0%, 23%, 65%, 3%.
What colors pair best with #f7bd57 for balanced design?
#f7bd57 works beautifully as a high-contrast accent when paired with deep charcoal or soft slate grays to ground its intensity. Using it alongside muted earth tones provides a balanced, organic palette perfect for modern branding and event materials.
How can I use #f7bd57 effectively without overwhelming a layout?
Limit #f7bd57 to small UI elements like buttons, icons, or text highlights to keep your composition readable. Because this tone is highly saturated, it functions best as a 10% accent rather than a primary background color, preserving clarity in your design.
Is #f7bd57 readable on white or black?
#f7bd57 has a 1.69:1 contrast ratio on white and 12.37: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.