#CDDC39 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, high-chroma yellow-green feels energetic and urgent. Because it commands immediate attention, #cddc39 functions best as a small accent rather than a full background. Pair it with deep charcoals to ground the saturation and ensure readability. The hex code for this piercing hue is #cddc39, a practical choice for UI elements that require instant user recognition, like sale banners or call-to-action buttons.
Questions about #cddc39
What is #cddc39 in RGB, HSL and CMYK?
In RGB, #cddc39 is rgb(205, 220, 57), in HSL hsl(66, 70%, 54%) and in CMYK 7%, 0%, 74%, 14%.
How can I effectively use #cddc39 in my UI design without overwhelming users?
#cddc39 functions best as a tactical highlight rather than a background color. Use this piercing yellow-green for interactive elements like buttons, progress bars, or notification badges, and pair it with deep charcoal text to ensure readability.
Is #cddc39 readable on white or black?
#cddc39 has a 1.51:1 contrast ratio on white and 13.89: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.