#CAF28A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This sparkling, high-luminance lime feels artificial and energetic. Because of its extreme brightness, #caf28a functions best as a small, deliberate accent rather than a background color. It pairs surprisingly well with deep charcoal or matte black, which provides enough contrast for excellent readability. Use this hex code to inject immediate energy into buttons or UI elements that require user attention.
Questions about #caf28a
What is #caf28a in RGB, HSL and CMYK?
In RGB, #caf28a is rgb(202, 242, 138), in HSL hsl(83, 80%, 75%) and in CMYK 17%, 0%, 43%, 5%.
What is the best way to use #caf28a in a layout?
#caf28a acts as a high-visibility accent color that draws the eye immediately to interactive elements like buttons. Because it is extremely bright, avoid using it as a background color to prevent eye strain; instead, pair it with dark charcoal or matte black text for readability.
Does #caf28a work well with other bright colors?
Using #caf28a alongside other high-intensity colors can cause visual vibration and make the design difficult to parse. It is much more effective to balance its artificial, electric personality against neutral, muted tones that allow its natural brightness to stand out without competing for dominance.
Is #caf28a readable on white or black?
#caf28a has a 1.26:1 contrast ratio on white and 16.57: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.