#AFED5B Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This electric lime is high-energy and radiates a bright, artificial glow. Because of its extreme saturation, #afed5b works best as a punchy accent rather than a background. Pair it with dark charcoal or deep violet to temper the intensity. The hex code #afed5b offers excellent contrast against black text, making it a functional choice for high-visibility UI elements like buttons or notification badges.
Questions about #afed5b
What is #afed5b in RGB, HSL and CMYK?
In RGB, #afed5b is rgb(175, 237, 91), in HSL hsl(85, 80%, 64%) and in CMYK 26%, 0%, 62%, 7%.
How should I use #afed5b in user interface design?
#afed5b is exceptionally saturated, meaning it functions most effectively as a high-visibility accent for notification badges, call-to-action buttons, or focus states rather than a background. Pair it with dark charcoal or deep violet to ensure readability against the intense neon glow.
What color combinations best complement #afed5b?
To balance the artificial intensity of #afed5b, incorporate dark, neutral tones like deep charcoal to ground the design. For a more adventurous, high-contrast look, use deep violet, which creates a striking, modern aesthetic that feels balanced rather than overwhelming to the eye.
Is #afed5b readable on white or black?
#afed5b has a 1.39:1 contrast ratio on white and 15.08: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.