#F5BA30 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, warm yellow commands attention without feeling harsh. Because it carries high saturation, #f5ba30 works best as an accent color for sale banners or call-to-action buttons rather than large background areas. It pairs surprisingly well with deep charcoals, which ground its energetic tone. The hex code for this cheerful shade is #f5ba30, and it offers excellent legibility with standard black text.
Questions about #f5ba30
What is #f5ba30 in RGB, HSL and CMYK?
In RGB, #f5ba30 is rgb(245, 186, 48), in HSL hsl(42, 91%, 57%) and in CMYK 0%, 24%, 80%, 4%.
What colors pair well with #f5ba30?
This vibrant yellow creates a striking, balanced contrast when placed against deep neutrals like charcoal or dark slate. Using it alongside dark colors allows the brightness of #f5ba30 to pop without overwhelming the rest of your design layout.
Is #f5ba30 suitable for large background areas?
Because #f5ba30 carries high saturation and visual intensity, it can easily overwhelm the eye if used as a primary background color. It is far more effective when reserved for strategic accent elements that need to stand out from the surrounding content.
Is #f5ba30 readable on white or black?
#f5ba30 has a 1.75:1 contrast ratio on white and 11.94: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.