#CCD570 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This pale, greenish-yellow is a fresh and mellow tone that captures the essence of spring. Because #ccd570 has high lightness, it pairs well with deep charcoal text for readable, accessible body copy. Avoid using it as a dominant background, as it can feel overwhelming in large blocks. Instead, use this hex code as an accent color to inject warmth and youthful energy into UI interfaces.
Questions about #ccd570
What is #ccd570 in RGB, HSL and CMYK?
In RGB, #ccd570 is rgb(204, 213, 112), in HSL hsl(65, 55%, 64%) and in CMYK 4%, 0%, 47%, 16%.
What is the best way to use #ccd570 in a web interface?
Because #ccd570 has high lightness, it functions best as a focused accent or interactive element rather than a dominant background. Pair it with dark charcoal text to ensure readability and meet essential web accessibility contrast standards for your users.
Which color palettes work well with #ccd570?
The fresh, spring-like quality of #ccd570 looks best when grounded by darker, neutral tones that anchor its brightness. It creates a professional and balanced scheme when paired with a deep navy or a soft, earthy terracotta for a sophisticated look.
Is #ccd570 readable on white or black?
#ccd570 has a 1.57:1 contrast ratio on white and 13.31: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.