#F5CF36 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling, warm yellow radiates enthusiasm and positivity. As a bright, high-energy hue, #f5cf36 works best as a sharp accent rather than a full background, where it can easily overwhelm the eye. It pairs surprisingly well with deep charcoal or slate greys for a modern, high-contrast look. Because black text maintains excellent readability against this hex code, it is a practical choice for UI elements like buttons.
Questions about #f5cf36
What is #f5cf36 in RGB, HSL and CMYK?
In RGB, #f5cf36 is rgb(245, 207, 54), in HSL hsl(48, 91%, 59%) and in CMYK 0%, 16%, 78%, 4%.
Does #f5cf36 work well as a primary background color?
Using #f5cf36 as a full background usually overwhelms the eye because of its intense saturation and brightness. Instead, use this hue as a deliberate, high-energy accent for call-to-action buttons or small UI elements where you need to draw immediate attention.
Which neutral colors pair best with #f5cf36?
To balance the high energy of #f5cf36, pair it with deep, muted tones like charcoal or dark slate. These grounding, low-value colors provide the necessary contrast to make the yellow pop while maintaining professional readability for your overall design.
Is #f5cf36 readable on white or black?
#f5cf36 has a 1.51:1 contrast ratio on white and 13.86: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.