#F5B935 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, golden yellow carries high saturation and an energetic, warm mood. Because it commands immediate attention, #f5b935 works best as a small accent color for call-to-action buttons or alert banners rather than a full-page background. Pair it with deep charcoal or black for high readability, as dark text pops clearly against this tone. The hex code for this shade is #f5b935.
Questions about #f5b935
What is #f5b935 in RGB, HSL and CMYK?
In RGB, #f5b935 is rgb(245, 185, 53), in HSL hsl(41, 91%, 58%) and in CMYK 0%, 24%, 78%, 4%.
How should I use #f5b935 effectively in UI design?
Use #f5b935 sparingly as a high-contrast accent color rather than a primary background to maintain user focus. It pairs exceptionally well with charcoal or black text, ensuring that buttons and alerts remain readable while keeping the design feeling vibrant and energetic.
What is the best way to combine #f5b935 with other colors?
To balance the warmth of #f5b935, pair it with cooler, neutral tones that ground the visual intensity. Incorporating shades like navy or deep grey creates a sophisticated, balanced palette that prevents the bright yellow from overwhelming the eye in professional layouts.
Is #f5b935 readable on white or black?
#f5b935 has a 1.76:1 contrast ratio on white and 11.87: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.