#F7C131 Hex Color

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

Hex color #f7c131 graphic
Sale banners and construction signs reach for shades like this bright gold yellow. #f7c131 is a warm, saturated hex code with enough lightness to glow against dark surfaces. Its energy suits accents and calls to action, though full backgrounds can overwhelm. Pair it with deep navy for balance. Black text stays readable on top at about 12.6:1 contrast.

Questions about #f7c131

What is #f7c131 in RGB, HSL and CMYK?
In RGB, #f7c131 is rgb(247, 193, 49), in HSL hsl(44, 93%, 58%) and in CMYK 0%, 22%, 80%, 3%.
What colors pair well with #f7c131?
This yellow pairs well with deep navy and charcoal, which tone down its intensity and make it feel intentional. For a warmer palette, try terracotta or olive alongside it.
Can you use black text on #f7c131?
Yes. Black text on #f7c131 reaches about 12.6:1 contrast, well above the 4.5:1 that WCAG AA requires for body text, so small type stays readable.
Is #f7c131 readable on white or black?
#f7c131 has a 1.66:1 contrast ratio on white and 12.62: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.