#FBBC05 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, neon-leaning yellow feels immediate and energetic. Because it is highly saturated, #fbbc05 works best as a punchy accent rather than a full background. It pairs exceptionally well with charcoal gray or deep navy for high-contrast UI elements like buttons and alerts. Black text remains perfectly legible against this hex code, ensuring your call to action stays crisp and readable.
Questions about #fbbc05
What is #fbbc05 in RGB, HSL and CMYK?
In RGB, #fbbc05 is rgb(251, 188, 5), in HSL hsl(45, 97%, 50%) and in CMYK 0%, 25%, 98%, 2%. Browse more shades of yellow with names and hex codes.
How can #fbbc05 be used effectively in UI design?
#fbbc05 works best as a punchy, high-contrast accent rather than a background color. Because it is highly saturated, it grabs attention immediately for important call-to-action buttons or alert icons, especially when paired with charcoal or deep navy text.
Is #fbbc05 readable on white or black?
#fbbc05 has a 1.70:1 contrast ratio on white and 12.29: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.