#55A1A4 Hex Color

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

Hex color #55a1a4 graphic
This ashy, unsaturated cyan has a cool and dusty presence. Because it sits in a mid-tone range, #55a1a4 works best as a secondary brand color rather than a dominant background. It pairs well with charcoal greys or deep navy for a professional, technical look. With high contrast against black text, it remains readable for UI design and small-scale digital applications.

Questions about #55a1a4

What is #55a1a4 in RGB, HSL and CMYK?
In RGB, #55a1a4 is rgb(85, 161, 164), in HSL hsl(182, 32%, 49%) and in CMYK 48%, 2%, 0%, 36%.
Where should I use #55a1a4 in a UI design?
#55a1a4 functions best as a secondary accent color rather than a dominant background, keeping interface elements like buttons or icons legible against charcoal or dark navy text. Its dusty quality prevents the harshness of pure cyan while maintaining a clean, technical aesthetic.
What colors pair well with #55a1a4?
This ashy cyan harmonizes well with muted neutrals and deep, dark tones that ground its desaturated nature. Pairing it with charcoal or slate creates a professional, low-contrast technical look, while warm terracotta provides an unexpected but sophisticated complementary contrast.
Is #55a1a4 readable on white or black?
#55a1a4 has a 2.99:1 contrast ratio on white and 7.02: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.