#FFCC4D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, warm yellow carries a cheerful energy. It works best as a small accent for buttons or alerts rather than a full background. The hex code #ffcc4d offers excellent legibility with black text, meeting WCAG requirements for contrast. Avoid using it alongside pale colors, as it can appear washed out. Instead, pair it with dark charcoal to maintain visual impact in your designs.
Questions about #ffcc4d
What is #ffcc4d in RGB, HSL and CMYK?
In RGB, #ffcc4d is rgb(255, 204, 77), in HSL hsl(43, 100%, 65%) and in CMYK 0%, 20%, 70%, 0%.
What is the best way to use #ffcc4d in a design?
Use #ffcc4d sparingly as a visual highlight for call-to-action buttons or alert markers. Because of its high saturation, it can feel overwhelming if applied to large backgrounds but remains effective as a strategic accent color to draw the eye.
Is #ffcc4d readable on white or black?
#ffcc4d has a 1.50:1 contrast ratio on white and 13.99: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.