#CCF224 Hex Color

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

Hex color #ccf224 graphic
This neon lime is exceptionally bright, balancing high saturation with a luminous, yellowish undertone. Because it commands so much attention, use #ccf224 as a small accent rather than a full background. It pairs well with charcoal grays for a modern sports or gaming aesthetic. Since it offers strong contrast, black text remains perfectly legible at small sizes on this hex code.

Questions about #ccf224

What is #ccf224 in RGB, HSL and CMYK?
In RGB, #ccf224 is rgb(204, 242, 36), in HSL hsl(71, 89%, 55%) and in CMYK 16%, 0%, 85%, 5%.
Is #ccf224 suitable for reading text on a screen?
No, #ccf224 is far too bright and neon for readable body text, as it often causes significant eye strain against white backgrounds. You should strictly use this shade as a high-impact accent color for buttons or specific UI highlight elements.
What colors pair best with #ccf224 for a design scheme?
Pair #ccf224 with deep charcoal grays or matte blacks to anchor its intensity and create a high-contrast, modern aesthetic. These dark neutrals balance the neon glow while keeping your primary content legible and visually organized for the user.
Is #ccf224 readable on white or black?
#ccf224 has a 1.28:1 contrast ratio on white and 16.29: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.