#97989C Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #97989c when a UI needs a mid grey that stays out of the way. This ashy grey has a faint cool undertone and works best as a supporting tone at a 60/30/10 ratio, behind typography or interface chrome. Black text on top hits about 7.3:1 contrast, so small body copy passes WCAG AA with room to spare. The hex code #97989c reads calm and practical, though it can look flat next to pure white, so pair it with a warmer accent.
Questions about #97989c
What is #97989c in RGB, HSL and CMYK?
In RGB, #97989c is rgb(151, 152, 156), in HSL hsl(228, 2%, 60%) and in CMYK 3%, 3%, 0%, 39%. Browse more shades of gray with names and hex codes.
What colors pair well with #97989c?
It leans slightly cool, so warm accents keep it from reading flat. Terracotta, burnt orange, or deep olive all sit well against #97989c, with the grey holding the supporting 30% role in a 60/30/10 layout.
Is #97989c readable on white or black?
#97989c has a 2.88:1 contrast ratio on white and 7.28: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.