#5CA310 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This intense, lush green commands attention without feeling neon. Because #5ca310 packs significant visual weight, it works best as a punchy accent rather than a background. Use it for high-impact call-to-action buttons or small UI elements where you need to drive interaction. Since it offers strong contrast against black, typography remains perfectly readable for users when paired correctly.
Questions about #5ca310
What is #5ca310 in RGB, HSL and CMYK?
In RGB, #5ca310 is rgb(92, 163, 16), in HSL hsl(89, 82%, 35%) and in CMYK 44%, 0%, 90%, 36%.
Is #5ca310 suitable for use as a primary background color?
This shade is generally too intense and visually heavy to function well as a full-page background. Because #5ca310 demands immediate attention, it is much more effective when reserved for high-impact accents, vibrant call-to-action buttons, or small interface icons.
Is #5ca310 readable on white or black?
#5ca310 has a 3.13:1 contrast ratio on white and 6.70:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.