#CCD347 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
With strong green undertones, #ccd347 is a punchy, high-saturation yellow that commands attention. Its intensity makes it a difficult choice for large backgrounds, where it can quickly overwhelm a layout. Instead, use this shade as a purposeful 10% accent to highlight calls to action or sale buttons. It pairs unexpectedly well with deep charcoal grays for a modern, industrial feel. View other shades of yellow for palette ideas.
Questions about #ccd347
What is #ccd347 in RGB, HSL and CMYK?
In RGB, #ccd347 is rgb(204, 211, 71), in HSL hsl(63, 61%, 55%) and in CMYK 3%, 0%, 66%, 17%.
What colors pair best with #ccd347?
This vibrant yellow-green works exceptionally well when contrasted against deep charcoal or dark, desaturated navy tones. Because #ccd347 is so intense, pairing it with neutral, grounded darks prevents the design from feeling overwhelming while maintaining a sharp, modern, industrial aesthetic.
Should #ccd347 be used for large backgrounds?
Avoid using #ccd347 for large backgrounds as its high saturation can quickly overwhelm a layout and cause visual fatigue. It is much more effective when reserved as a 10% accent color to draw attention to buttons or key interface elements.
Is #ccd347 readable on white or black?
#ccd347 has a 1.61:1 contrast ratio on white and 12.97: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.