#FBDA23 Hex Color

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

Hex color #fbda23 graphic
#fbda23 is a highly saturated, glowing yellow that demands immediate attention. Because of its intensity, it works best as a small accent rather than a full background. Pair this hex code with dark charcoal or deep navy for high-contrast, modern UI elements. It offers excellent readability for black text, ensuring that your call-to-action buttons or sale banners remain accessible and legible.

Questions about #fbda23

What is #fbda23 in RGB, HSL and CMYK?
In RGB, #fbda23 is rgb(251, 218, 35), in HSL hsl(51, 96%, 56%) and in CMYK 0%, 13%, 86%, 2%.
What is the best way to use #fbda23 in a user interface?
Use #fbda23 as a vibrant accent rather than a background color to keep designs balanced. It pairs effectively with charcoal or deep navy for text, ensuring your buttons and notifications remain accessible and easy to read.
Is #fbda23 readable on white or black?
#fbda23 has a 1.38:1 contrast ratio on white and 15.15: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.