#97A243 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #97a243 graphic
This unsaturated olive-yellow has a warm, mellow tone that feels approachable and organic. Because it is muted, #97a243 functions best as a secondary accent rather than a full-page background, where it can appear muddy. It creates high-contrast, readable typography when paired with black text. Use this hex code to inject a sense of optimism into construction or budget-conscious branding projects.

Questions about #97a243

What is #97a243 in RGB, HSL and CMYK?
In RGB, #97a243 is rgb(151, 162, 67), in HSL hsl(67, 41%, 45%) and in CMYK 7%, 0%, 59%, 36%.
How do you best use #97a243 in a design layout?
#97a243 functions most effectively as a secondary accent color rather than a primary background because it can appear muddy when applied to large areas. Pair it with crisp charcoal typography to create the high-contrast, readable look essential for professional branding.
Is #97a243 readable on white or black?
#97a243 has a 2.77:1 contrast ratio on white and 7.56: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.