#F2CC60 Hex Color
Warm yellow with a mellow glow
A mellow, golden yellow that skips the neon glare of brighter yellows. #f2cc60 reads warm and friendly, which suits sale banners, budget brands, and construction signage. It works best as an accent or supporting tone; over large areas it can feel washed out. Push it toward red and you get orange, a shade covered in what colors make orange.
Questions about #f2cc60
What is #f2cc60 in RGB, HSL and CMYK?
In RGB, #f2cc60 is rgb(242, 204, 96), in HSL hsl(44, 85%, 66%) and in CMYK 0%, 16%, 60%, 5%.
What colors pair well with #f2cc60?
Deep navy, charcoal, and forest green all balance this yellow's warmth, while terracotta keeps the palette cozy. Avoid pairing it with pale pastels, which make it look harsh by comparison.
Is #f2cc60 a good background color?
Yes, but with dark text. Black type on #f2cc60 has strong contrast, around 13.6:1, so it stays readable. For large surfaces, soften it with a tint so it doesn't overwhelm the page.
Is #f2cc60 readable on white or black?
#f2cc60 has a 1.54:1 contrast ratio on white and 13.58: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.