#F2B93E Hex Color

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

Hex color #f2b93e graphic
This warm, golden yellow sits at a high saturation level, projecting an immediate sense of optimism and energy. The hex code for this shade is #f2b93e. Because of its intensity, use it sparingly as a 10% accent color for calls-to-action rather than a full background. It pairs exceptionally well with charcoal or deep slate, ensuring high readability for text while maintaining a lively, modern impact.

Questions about #f2b93e

What is #f2b93e in RGB, HSL and CMYK?
In RGB, #f2b93e is rgb(242, 185, 62), in HSL hsl(41, 87%, 60%) and in CMYK 0%, 24%, 74%, 5%. Browse more shades of yellow with names and hex codes.
How can I effectively use #f2b93e in UI design?
#f2b93e works best as an accent color for calls-to-action, badges, or small UI elements rather than large backgrounds. Because of its high saturation, pair it with charcoal or deep neutral grays to maintain readability and balance while preventing eye strain.
Is #f2b93e readable on white or black?
#f2b93e has a 1.78:1 contrast ratio on white and 11.78: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.