#FFCF54 Hex Color

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

Hex color #ffcf54 graphic
#ffcf54 is a high-energy yellow with a sunny, saturated warmth. It functions best as an accent color for calls-to-action or sale highlights rather than a large background. Its brightness demands attention, but pairing it with charcoal or deep navy prevents it from overwhelming a design. If you are experimenting with mixing orange, this shade serves as a helpful starting point for warmer, golden hues.

Questions about #ffcf54

What is #ffcf54 in RGB, HSL and CMYK?
In RGB, #ffcf54 is rgb(255, 207, 84), in HSL hsl(43, 100%, 66%) and in CMYK 0%, 19%, 67%, 0%.
What colors pair best with #ffcf54?
Because #ffcf54 is so bright, it functions best when anchored by dark, neutral tones that ground its energy. Pairing it with charcoal or deep navy provides the necessary contrast to make the yellow pop without overwhelming the rest of your design.
Is #ffcf54 a good choice for text?
Using #ffcf54 for text is generally discouraged because it lacks sufficient contrast against white or light gray backgrounds, making it difficult to read. If you must use this yellow for text, ensure it is set against a very dark background for accessibility compliance.
Is #ffcf54 readable on white or black?
#ffcf54 has a 1.46:1 contrast ratio on white and 14.30: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.