#78A49C Hex Color

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

Hex color #78a49c graphic
This dusty, unsaturated teal carries strong gray undertones that strip away harsh vibrancy. The hex code #78a49c works best as a calm background for UI projects, as it pairs effectively with dark charcoal or soft creams. It maintains a 7.6:1 contrast ratio against black text, so it remains highly readable for small body copy and interface labels.

Questions about #78a49c

What is #78a49c in RGB, HSL and CMYK?
In RGB, #78a49c is rgb(120, 164, 156), in HSL hsl(169, 19%, 56%) and in CMYK 27%, 0%, 5%, 36%.
What makes #78a49c effective for user interfaces?
The hex color #78a49c offers a high contrast ratio against standard black text, ensuring that small body copy remains perfectly legible. Its desaturated gray base creates a professional, low-stress background that works well for modern, clean website layouts.
Which colors pair best with #78a49c?
Because of its dusty undertones, #78a49c pairs naturally with neutral tones like soft creams or deep charcoal. These combinations ground the color, preventing it from looking too bright while maintaining a balanced, sophisticated aesthetic suitable for professional design work.
Is #78a49c readable on white or black?
#78a49c has a 2.76:1 contrast ratio on white and 7.58: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.