#53778A Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and cool, #53778a is a dusty blue-gray with ashy undertones and low saturation. Its matte character suggests restraint and reliability, making it a strong supporting tone for finance, healthcare, technology, and government interfaces. The hex code #53778a works as a medium-dark UI background or secondary brand color, while white text provides about 4.8:1 contrast for WCAG AA body copy.
Questions about #53778a
What is #53778a in RGB, HSL and CMYK?
In RGB, #53778a is rgb(83, 119, 138), in HSL hsl(201, 25%, 43%) and in CMYK 40%, 14%, 0%, 46%. Browse more shades of blue with names and hex codes.
What colors pair well with #53778a?
Pair #53778a with white, soft gray, or terracotta accents for contrast; its cool, dusty blue-gray base supports clean neutrals and lets restrained warm tones add energy without overwhelming a design.
Is #53778a warm or cool, and what mood does it create?
#53778a reads as a cool color because its blue hue and ashy, low-saturation character keep it visually restrained. It creates a dependable, quiet mood that suits interface backgrounds, secondary branding, healthcare layouts, and other professional designs.
Is #53778a readable on white or black?
#53778a has a 4.80:1 contrast ratio on white and 4.37: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.