#AFFC58 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This neon lime is intensely bright and carries an electric glow. Reserve #affc58 for small, punchy UI accents rather than large backgrounds. It pairs effectively with black text, offering a 16.9:1 contrast ratio for excellent readability. If you are learning about mixing yellow to build your palette, keep in mind that this hex code relies on extreme brightness.
Questions about #affc58
What is #affc58 in RGB, HSL and CMYK?
In RGB, #affc58 is rgb(175, 252, 88), in HSL hsl(88, 96%, 67%) and in CMYK 31%, 0%, 65%, 1%.
Why is #affc58 so effective for UI accents?
#affc58 creates an electric glow that draws immediate user attention, making it perfect for call-to-action buttons or status indicators. Its high luminosity ensures it pops visually, especially when paired against deep charcoal or black text for maximum readability.
How do I balance #affc58 in a design layout?
Use #affc58 sparingly to prevent visual fatigue, as its extreme brightness can overwhelm the eye if applied to large backgrounds. Limit it to small interactive elements like toggles, icons, or notification badges to maintain a clean and usable interface.
Is #affc58 readable on white or black?
#affc58 has a 1.24:1 contrast ratio on white and 16.88: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.