#F5E502 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Sale banners and safety signage often reach for a yellow this loud. #f5e502 is a glowing, saturated yellow with a faint green undertone, so it works best as an accent rather than a full background. Pair it with charcoal or deep navy for balance. Black text reads clearly on it, hitting about 16.1:1 contrast.
Questions about #f5e502
What is #f5e502 in RGB, HSL and CMYK?
In RGB, #f5e502 is rgb(245, 229, 2), in HSL hsl(56, 98%, 48%) and in CMYK 0%, 7%, 99%, 4%.
What text color works best on #f5e502?
Black text. #f5e502 reaches about 16.1:1 contrast against black, well above the WCAG AA minimum of 4.5:1, so small body text stays readable. White text falls far short and should be avoided.
What colors pair well with #f5e502?
Deep, dark colors keep this yellow from overpowering a layout. Try charcoal or navy for text and borders, and save #f5e502 for accents like buttons, badges, and callout highlights.
Is #f5e502 readable on white or black?
#f5e502 has a 1.30:1 contrast ratio on white and 16.09: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.