#FABF23 Hex Color

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

Select a Color

Saturated and high-energy, this bright yellow commands attention immediately. It works best as a 10% accent in design systems, particularly for call-to-action buttons or sale banners. Because this shade offers high contrast against black text, it maintains excellent readability at small sizes. Pair this golden hue with deep charcoal or navy to avoid visual fatigue. The hex code is #fabf23.

Questions about #fabf23

What is #fabf23 in RGB, HSL and CMYK?

In RGB, #fabf23 is rgb(250, 191, 35), in HSL hsl(44, 96%, 56%) and in CMYK 0%, 24%, 86%, 2%.

What colors pair best with #fabf23?

This bright yellow pairs effectively with deep charcoal or dark navy to create a balanced, professional contrast. Using these darker tones helps ground the intense energy of the yellow while preventing the visual fatigue often caused by high-contrast combinations.

Is #fabf23 readable on white or black?

#fabf23 has a 1.67:1 contrast ratio on white and 12.54: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.

#FABF23 Hex Color

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

Questions about #fabf23

Color tools

Resources