#F9CB31 Hex Color

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

Select a Color

#f9cb31 is a highly saturated yellow that demands attention. Because it signals urgency like a construction sign or sale tag, this hex code works best as a sharp accent rather than a full background. Pair it with deep charcoal or navy to ground the intensity. Black text against this color remains perfectly legible for UI elements and call-to-action buttons.

Questions about #f9cb31

What is #f9cb31 in RGB, HSL and CMYK?

In RGB, #f9cb31 is rgb(249, 203, 49), in HSL hsl(46, 94%, 58%) and in CMYK 0%, 18%, 80%, 2%.

What colors pair best with #f9cb31?

Because #f9cb31 is so intense, it works best when anchored by deep, neutral tones that ground its brightness. Pair it with dark charcoal or deep navy to create a sophisticated balance that makes the yellow pop without overwhelming the eye.

Is #f9cb31 readable on white or black?

#f9cb31 has a 1.54:1 contrast ratio on white and 13.61: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.

#F9CB31 Hex Color

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

Questions about #f9cb31

Color tools

Resources