#CCDE69 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ccde69 is a high-saturation, light yellow-green with aggressive, electric undertones. Because it creates excellent contrast with black text, it functions well as a high-visibility accent color for buttons or call-to-action elements. Avoid using it as a large background, as its intensity can be overwhelming. Pair it with deep charcoal or muted navy to ground the brightness. The hex code for this color is #ccde69.
Questions about #ccde69
What is #ccde69 in RGB, HSL and CMYK?
In RGB, #ccde69 is rgb(204, 222, 105), in HSL hsl(69, 64%, 64%) and in CMYK 8%, 0%, 53%, 13%.
What colors pair best with #ccde69 for a balanced design?
Should I use #ccde69 for text or background elements?
Avoid using #ccde69 as a large background color, as its aggressive intensity often leads to eye strain and poor readability. Instead, use this shade for small, interactive elements like buttons, badges, or icons where you need to draw immediate user attention.
Is #ccde69 readable on white or black?
#ccde69 has a 1.47:1 contrast ratio on white and 14.21: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.