#F2BE4B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This energetic yellow has a sparkling, warm quality that demands attention without feeling neon. Because of its high visibility, #f2be4b works best as a 10% accent color for calls to action rather than a dominant background. It pairs exceptionally well with deep charcoal grays to create a clean, modern contrast. The hex code for this shade is #f2be4b, which offers high readability with standard black text.
Questions about #f2be4b
What is #f2be4b in RGB, HSL and CMYK?
In RGB, #f2be4b is rgb(242, 190, 75), in HSL hsl(41, 87%, 62%) and in CMYK 0%, 21%, 69%, 5%.
What colors pair well with #f2be4b for a modern design?
#f2be4b pairs beautifully with deep charcoal or near-black tones to create a high-contrast, professional look. Using this yellow against a dark backdrop makes the color pop, ensuring your call-to-action buttons or important highlights remain readable and effective.
Should I use #f2be4b as a background color?
It is generally better to avoid using #f2be4b as a primary background color because its high luminosity can cause eye strain over long periods. Instead, reserve this energetic yellow for small UI elements or accents to draw attention without overwhelming the user.
Is #f2be4b readable on white or black?
#f2be4b has a 1.71:1 contrast ratio on white and 12.24: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.