#F2B646 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This warm, golden yellow radiates optimism and energy. Because it is highly saturated, #f2b646 works best as an accent color rather than a large background, which can quickly overwhelm a design. It creates a striking, high-contrast look when paired with deep charcoal or navy text. The hex code for this glowing orange-yellow is #f2b646, making it a reliable choice for buttons and attention-grabbing UI elements.
Questions about #f2b646
What is #f2b646 in RGB, HSL and CMYK?
In RGB, #f2b646 is rgb(242, 182, 70), in HSL hsl(39, 87%, 61%) and in CMYK 0%, 25%, 71%, 5%.
What colors pair well with #f2b646?
Is #f2b646 suitable for large backgrounds?
Using #f2b646 across large areas can quickly overwhelm a design and cause eye fatigue due to its high saturation. It is significantly more effective when reserved for intentional accents or interactive elements that need to grab user attention.
Is #f2b646 readable on white or black?
#f2b646 has a 1.81:1 contrast ratio on white and 11.55: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.