#CAF99A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This luminous, high-chroma yellow-green feels synthetic and energetic rather than organic. Because it is so light and bright, it works best as a punchy 10% accent in UI elements or gaming graphics rather than a background. Black text remains sharp and legible against it. The hex code for this color is #caf99a. Pair it with deep charcoal or slate gray to ground its intensity.
Questions about #caf99a
What is #caf99a in RGB, HSL and CMYK?
In RGB, #caf99a is rgb(202, 249, 154), in HSL hsl(90, 89%, 79%) and in CMYK 19%, 0%, 38%, 2%.
How can I effectively use #caf99a in UI design?
Because #caf99a is a high-chroma, neon-leaning yellow-green, it is best reserved for small, deliberate UI elements like call-to-action buttons or status highlights. Using it sparingly ensures the high energy does not overwhelm the user interface or compromise overall readability.
What colors pair well with the intensity of #caf99a?
The brightness of #caf99a requires grounding to prevent visual fatigue. It pairs exceptionally well with charcoal or deep slate grays, which absorb its synthetic glow, or with dark navy tones to create a modern, high-contrast digital aesthetic.
Is #caf99a readable on white or black?
#caf99a has a 1.19:1 contrast ratio on white and 17.52: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.