#97C564 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This bright, yellowish-green sits at a high level of saturation, offering a fresh and energetic appearance. Because #97c564 provides strong contrast against black text, it works effectively for UI buttons or call-to-action elements where readability matters. Avoid using this shade as a large background, as its intensity can easily overwhelm a layout. Pair it with deep charcoals to ground the neon quality of the hex code.
Questions about #97c564
What is #97c564 in RGB, HSL and CMYK?
In RGB, #97c564 is rgb(151, 197, 100), in HSL hsl(88, 46%, 58%) and in CMYK 23%, 0%, 49%, 23%.
How should I use #97c564 in a professional UI design?
Use #97c564 sparingly as an accent color for call-to-action buttons or highlights where high visibility is needed. Because it is so saturated, pairing it with neutral charcoal or deep slate backgrounds grounds the intensity and prevents it from overwhelming the user interface.
Does #97c564 read more as a warm or cool color?
This shade leans decidedly warm due to its strong yellow undertones, which give it an energetic and organic feel. Unlike cooler, blue-based greens, #97c564 mimics the brightness of new spring foliage, making it a great choice for brands emphasizing growth, wellness, or speed.
Is #97c564 readable on white or black?
#97c564 has a 2.00:1 contrast ratio on white and 10.48: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.