#CCFFAD Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, luminous pastel lime feels youthful and energetic. Because it is highly saturated and light, #ccffad works best as a vibrant accent color rather than a main background. Pair it with deep charcoal or slate grays to anchor its intensity. With black text, the hex code provides excellent contrast for readability, making it a functional choice for playful UI elements.
Questions about #ccffad
What is #ccffad in RGB, HSL and CMYK?
In RGB, #ccffad is rgb(204, 255, 173), in HSL hsl(97, 100%, 84%) and in CMYK 20%, 0%, 32%, 0%.
How can I make #ccffad work in a professional interface?
Since #ccffad is highly saturated, use it sparingly as an accent for call-to-action buttons or highlights. Pair this bright lime with charcoal or deep slate backgrounds to ground the intensity and maintain high readability for users.
Does #ccffad work well with text?
#ccffad is extremely light, so it should generally be avoided for body text. It works best when used as a vibrant background for black text, ensuring sufficient contrast ratios that meet accessibility standards for interactive elements.
Is #ccffad readable on white or black?
#ccffad has a 1.13:1 contrast ratio on white and 18.47: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.