#F2B036 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f2b036 is a high-saturation orange with warm, golden undertones that demand attention. Because it is so vivid, it works best as a sharp accent color rather than a large background field. Pair it with deep charcoal or navy to ground its intensity. The hex code #f2b036 offers excellent contrast for black text, making it a functional choice for high-visibility UI elements or bold graphic layouts.
Questions about #f2b036
What is #f2b036 in RGB, HSL and CMYK?
In RGB, #f2b036 is rgb(242, 176, 54), in HSL hsl(39, 88%, 58%) and in CMYK 0%, 27%, 78%, 5%. Browse more shades of yellow with names and hex codes.
How should I use #f2b036 in a design layout?
Because #f2b036 is so intense, it works best as a sharp, high-visibility accent rather than a large background field. Use it sparingly on buttons or call-to-action elements to draw the eye without overwhelming your users.
Which colors balance the intensity of #f2b036?
Is #f2b036 readable on white or black?
#f2b036 has a 1.90:1 contrast ratio on white and 11.03: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.