#A5B300 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, chartreuse-leaning yellow carries intense energy and immediate visual impact. Because it demands attention, #a5b300 works best as a sharp accent rather than a background color. Pair it with deep charcoals or near-black tones to ground its brightness, as black text provides the necessary 9.0:1 contrast for readability. Use this hex code sparingly in UI design for high-priority calls to action or buttons.
Questions about #a5b300
What is #a5b300 in RGB, HSL and CMYK?
In RGB, #a5b300 is rgb(165, 179, 0), in HSL hsl(65, 100%, 35%) and in CMYK 8%, 0%, 100%, 30%.
What colors pair best with #a5b300?
Pair #a5b300 with deep charcoal or near-black tones to effectively ground its intense, neon-leaning brightness. These dark neutrals provide the necessary contrast to make the color pop without overpowering the surrounding design elements.
Should #a5b300 be used for text in web design?
Avoid using #a5b300 as a background for standard body text, as it lacks sufficient contrast against white. Instead, use it as a high-visibility accent color for buttons where black text can be layered on top for readability.
Is #a5b300 readable on white or black?
#a5b300 has a 2.32:1 contrast ratio on white and 9.04: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.