#5493A6 Hex Color

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

Hex color #5493a6 graphic
#5493a6 is a cool, dusty cyan with gray undertones and moderate lightness, giving designs a focused, refreshing feel. Its unsaturated character works best as a supporting tone in technology, communication, and aerospace palettes. Pair it with charcoal or warm coral for contrast. The hex code #5493a6 supports black text at about 6.1:1 contrast.

Questions about #5493a6

What is #5493a6 in RGB, HSL and CMYK?
In RGB, #5493a6 is rgb(84, 147, 166), in HSL hsl(194, 33%, 49%) and in CMYK 49%, 11%, 0%, 35%.
What colors pair well with #5493a6?
#5493a6 pairs well with charcoal for grounded contrast, warm coral for energy, and off-white for a softer layout; nearby blue-greens can build a calm monochromatic scheme without competing with its muted character.
Where does #5493a6 work best in a palette?
#5493a6 works well as a supporting tone in technology, communication, and aerospace palettes, especially for interface panels, secondary buttons, or calm visual backgrounds; its moderate lightness and low saturation keep larger color fields focused without the intensity of brighter cyan.
Is #5493a6 readable on white or black?
#5493a6 has a 3.44:1 contrast ratio on white and 6.10:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.