#CCFF22 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#ccff22 is a high-visibility, neon lime that demands attention. Due to its extreme saturation, use this hex code sparingly as a 10% accent rather than a full background to prevent eye strain. It works effectively alongside dark grays for modern gaming or sports branding. Black text remains sharp and legible against this backdrop, making it a functional choice for high-contrast interface details.
Questions about #ccff22
What is #ccff22 in RGB, HSL and CMYK?
In RGB, #ccff22 is rgb(204, 255, 34), in HSL hsl(74, 100%, 57%) and in CMYK 20%, 0%, 87%, 0%.
How can I use #ccff22 in a design without it becoming overwhelming?
Because #ccff22 has high saturation, it works best when limited to small UI elements like buttons, call-to-action links, or focus indicators. Pairing it with dark charcoal or deep black backgrounds prevents the intensity from overwhelming the user’s eye.
Is #ccff22 a good choice for text elements?
#ccff22 should generally be avoided for body text because its extreme brightness makes it difficult to read against light surfaces. It remains most functional as a high-contrast highlight or a vibrant accent color atop dark, neutral interface elements.
Is #ccff22 readable on white or black?
#ccff22 has a 1.17:1 contrast ratio on white and 17.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.