#CCD240 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This high-energy chartreuse leans into a bright, saturated yellow-green that commands attention. Because it is so vivid, #ccd240 works best as a punchy 10% accent color rather than a main background. It pairs exceptionally well with deep charcoal grays to create modern, high-contrast layouts. Black text remains highly readable against this shade, making it a reliable choice for buttons or promotional call-to-action elements.
Questions about #ccd240
What is #ccd240 in RGB, HSL and CMYK?
In RGB, #ccd240 is rgb(204, 210, 64), in HSL hsl(62, 62%, 54%) and in CMYK 3%, 0%, 70%, 18%.
How should I use #ccd240 effectively in a layout?
Apply #ccd240 as a concentrated 10 percent accent rather than a primary background color to maintain visual balance. Its high intensity works best when grounding it against deep charcoal or dark gray elements, which prevents the shade from overwhelming your design while keeping interface text highly legible.
Is #ccd240 suitable for text-heavy interface elements?
While #ccd240 is excellent for buttons or call-to-action highlights, it should generally be avoided for long-form body text due to its high saturation. Use it for UI elements where you need to draw the eye, but pair it with high-contrast dark colors to ensure accessibility standards are met.
Is #ccd240 readable on white or black?
#ccd240 has a 1.63:1 contrast ratio on white and 12.86: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.