#F2B430 Hex Color

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

Hex color #f2b430 graphic
This golden yellow is highly saturated, creating a warm, energetic mood. It works best as an accent color to draw attention to buttons or calls to action rather than a dominant background. Pair it with dark charcoal or deep navy for a classic, readable contrast. The hex code for this shade is #f2b430, which provides enough contrast for black text to remain legible.

Questions about #f2b430

What is #f2b430 in RGB, HSL and CMYK?
In RGB, #f2b430 is rgb(242, 180, 48), in HSL hsl(41, 88%, 57%) and in CMYK 0%, 26%, 80%, 5%.
How can I use #f2b430 effectively in a web design?
This golden yellow functions best as a functional accent color rather than a primary background to maintain visual hierarchy. Reserve #f2b430 for elements that require immediate user attention like buttons, alerts, or interactive links against charcoal or dark gray backgrounds.
Is #f2b430 readable on white or black?
#f2b430 has a 1.85:1 contrast ratio on white and 11.34: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.