#FFCC40 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This glowing, high-saturation yellow demands attention with its cheerful and urgent energy. Because it is so bright, #ffcc40 functions best as a small accent or call-to-action button rather than a large background field. It pairs exceptionally well with charcoal gray or deep navy, which anchor its intensity. With a strong 14.0:1 contrast ratio, black text remains perfectly legible against this hex code.
Questions about #ffcc40
What is #ffcc40 in RGB, HSL and CMYK?
In RGB, #ffcc40 is rgb(255, 204, 64), in HSL hsl(44, 100%, 63%) and in CMYK 0%, 20%, 75%, 0%.
What colors pair well with #ffcc40 for a balanced design?
#ffcc40 works best when balanced by deep, anchoring neutrals like charcoal or deep navy. These dark shades ground the intensity of the yellow, preventing it from overwhelming your layout while ensuring the interface remains professional and readable.
Is #ffcc40 suitable for text on a white background?
No, #ffcc40 should be avoided as a primary text color on white backgrounds because it lacks sufficient contrast for accessibility. Instead, use it as a vibrant background for black text, which provides a strong 14.0:1 contrast ratio that meets readability standards.
Is #ffcc40 readable on white or black?
#ffcc40 has a 1.50:1 contrast ratio on white and 13.96: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.