#FBBA00 Hex Color

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

Select a Color

#fbba00 is an intense, high-saturation yellow that commands attention. Because of its extreme brightness, this shade works best as a small accent color rather than a large background. It pairs exceptionally well with charcoal greys or deep navy for high-contrast UI elements. Since black text provides excellent readability over this hue, you can safely use it for calls to action or sale buttons.

Questions about #fbba00

What is #fbba00 in RGB, HSL and CMYK?

In RGB, #fbba00 is rgb(251, 186, 0), in HSL hsl(44, 100%, 49%) and in CMYK 0%, 26%, 100%, 2%.

How should I use #fbba00 in a website layout?

Because #fbba00 is an extremely high-saturation yellow, it functions most effectively as a small-scale accent for call-to-action buttons or highlights. Pairing it with a deep navy or charcoal background ensures visual balance and prevents the color from overwhelming your interface.

Is #fbba00 readable on white or black?

#fbba00 has a 1.73:1 contrast ratio on white and 12.12: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.

#FBBA00 Hex Color

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

Questions about #fbba00

Color tools

Resources