#FCB716 Hex Color

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

Hex color #fcb716 graphic
This high-energy yellow is bright, saturated, and demands immediate attention. Because it leans toward neon, #fcb716 acts as an aggressive accent rather than a background color. It pairs surprisingly well with deep charcoal or navy blue to ground its intensity. Black text remains highly legible against this tone, making it a functional choice for high-visibility buttons or warning icons.

Questions about #fcb716

What is #fcb716 in RGB, HSL and CMYK?
In RGB, #fcb716 is rgb(252, 183, 22), in HSL hsl(42, 97%, 54%) and in CMYK 0%, 27%, 91%, 1%. Browse more shades of yellow with names and hex codes.
Is #fcb716 suitable for text content?
#fcb716 is generally too bright and neon to be used for large blocks of body text because it causes significant eye strain. Stick to using high-contrast black text on top of this color for small labels, status icons, or high-visibility call-to-action buttons.
Is #fcb716 readable on white or black?
#fcb716 has a 1.76:1 contrast ratio on white and 11.92: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.