#F2B418 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#f2b418 is a bold, glowing yellow with an orange undertone. The hex code #f2b418 reads warm and energetic, so it shines in sale banners, construction signage, and call-to-action buttons. Use it as an accent rather than a full background, since it can overwhelm large surfaces. It pairs well with deep navy, and black text on top hits about an 11.3:1 contrast ratio, clearing WCAG AA for body text.
Questions about #f2b418
What is #f2b418 in RGB, HSL and CMYK?
In RGB, #f2b418 is rgb(242, 180, 24), in HSL hsl(43, 89%, 52%) and in CMYK 0%, 26%, 90%, 5%.
What colors pair well with #f2b418?
Deep navy and charcoal both make #f2b418 feel richer than plain white does. For a softer palette, try olive or warm brown, which tone down its brightness without dulling it.
Is #f2b418 readable on white or black?
#f2b418 has a 1.85:1 contrast ratio on white and 11.31: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.