#FFCF40 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy yellow is bright and saturated, perfect for drawing attention to sale items or call-to-action buttons. Because it is highly luminous, use #ffcf40 as a small accent rather than a full background to avoid visual fatigue. It pairs surprisingly well with deep charcoal grays, which allow the black text to stand out with excellent 14.3:1 contrast. The hex code for this shade is #ffcf40.
Questions about #ffcf40
What is #ffcf40 in RGB, HSL and CMYK?
In RGB, #ffcf40 is rgb(255, 207, 64), in HSL hsl(45, 100%, 63%) and in CMYK 0%, 19%, 75%, 0%. Browse more shades of yellow with names and hex codes.
What colors pair well with #ffcf40?
Because #ffcf40 is a high-energy, luminous yellow, it creates the strongest visual impact when paired with deep, neutral tones like charcoal. The extreme contrast makes it an ideal choice for UI elements like buttons against dark mode backgrounds.
Is #ffcf40 suitable for text or background use?
#ffcf40 is generally too bright and saturated for large blocks of text or full-page backgrounds, as it can cause significant visual fatigue. Use it strictly for high-visibility accents, such as icons, CTA buttons, or small highlight markers.
Is #ffcf40 readable on white or black?
#ffcf40 has a 1.47:1 contrast ratio on white and 14.25: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.