#4C7981 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, ashy cyan carries a dusty, desaturated quality that feels grounded and calm. Because it leans cool, #4c7981 works best as a balanced background color in UI design, offering enough contrast to support white text comfortably. Use it when you need an understated alternative to brighter blues. Pair it with warm grays or creamy off-whites to prevent the color from feeling too cold or bleak.
Questions about #4c7981
What is #4c7981 in RGB, HSL and CMYK?
In RGB, #4c7981 is rgb(76, 121, 129), in HSL hsl(189, 26%, 40%) and in CMYK 41%, 6%, 0%, 49%. Browse more shades of blue with names and hex codes.
What colors pair well with #4c7981?
Because #4c7981 is a cool, muted cyan, it works best with creamy white or warm gray to prevent the final design from feeling too cold. If you need more contrast, try pairing it with a rich charcoal text to keep the interface readable.
Does #4c7981 work well for UI background design?
This specific shade is an excellent choice for background elements because its desaturated nature creates a calm, professional atmosphere without overwhelming the user. It provides enough visual weight to support light text while remaining understated enough to avoid clashing with other interface components.
Is #4c7981 readable on white or black?
#4c7981 has a 4.81:1 contrast ratio on white and 4.35:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.