#AEC900 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#aec900 is an intense, chartreuse-leaning yellow that commands immediate attention. Because it is highly saturated and bright, use this hex code sparingly as a 10% accent color for call-to-action buttons or highlights. It pairs surprisingly well with charcoal grays or deep purples to ground its high energy. Black text remains perfectly legible over this background, ensuring excellent readability for small UI elements.
Questions about #aec900
What is #aec900 in RGB, HSL and CMYK?
In RGB, #aec900 is rgb(174, 201, 0), in HSL hsl(68, 100%, 39%) and in CMYK 13%, 0%, 100%, 21%.
How can I best use #aec900 in a professional interface?
#aec900 acts best as a high-impact accent color for call-to-action buttons or small UI highlights where you need immediate user focus. Because it is highly saturated, avoid using it for large background areas, as it can overwhelm the eye.
What colors pair well with #aec900?
You can ground the high energy of #aec900 by pairing it with charcoal or deep, dark purple tones. These darker neutral or complementary shades provide the necessary contrast to make the vibrancy of this yellow-green feel intentional rather than chaotic.
Is #aec900 readable on white or black?
#aec900 has a 1.88:1 contrast ratio on white and 11.15: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.