#CCFE96 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #ccfe96 graphic
High-energy and bright, #ccfe96 functions best as a pop of color for UI accents rather than a full background. This luminous lime shade offers high legibility, as standard black text provides excellent contrast against it. Because of its intensity, it pairs effectively with charcoal or dark navy rather than other shades of pink. Use the hex code #ccfe96 to inject immediate action into gaming or athletic branding.

Questions about #ccfe96

What is #ccfe96 in RGB, HSL and CMYK?
In RGB, #ccfe96 is rgb(204, 254, 150), in HSL hsl(89, 98%, 79%) and in CMYK 20%, 0%, 41%, 0%.
How should I use #ccfe96 in UI design?
#ccfe96 is an aggressive, high-energy hue that works best as a small interface accent rather than a background. Use it to draw attention to call-to-action buttons or status indicators, as it demands the user's immediate visual focus.
What colors pair well with #ccfe96?
This luminous lime creates a sharp, professional contrast when paired with deep neutrals like charcoal or navy. Avoid using lighter pastels nearby, as the high intensity of #ccfe96 will easily wash out weaker colors, causing legibility issues.
Is #ccfe96 readable on white or black?
#ccfe96 has a 1.15:1 contrast ratio on white and 18.18: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.