#AFD130 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#afd130 is a high-energy, acidic chartreuse that commands attention. Because of its intense brightness, this color works best as a punchy accent or a call-to-action button rather than a large background. It pairs surprisingly well with deep charcoal or slate grays. Since black text provides excellent readability on this hex code, use it for bold, high-contrast UI elements.
Questions about #afd130
What is #afd130 in RGB, HSL and CMYK?
In RGB, #afd130 is rgb(175, 209, 48), in HSL hsl(73, 64%, 50%) and in CMYK 16%, 0%, 77%, 18%.
Where is the best place to use #afd130 in web design?
Because #afd130 carries significant visual intensity, it performs best as a strategic accent color for call-to-action buttons or highlights. It draws the eye quickly, making it risky for background usage but excellent for guiding user behavior on a page.
What colors pair well with #afd130?
Is #afd130 readable on white or black?
#afd130 has a 1.75:1 contrast ratio on white and 11.98: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.