#80A4BC Hex Color

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

Hex color #80a4bc graphic
#80a4bc is a pale, dusty blue with gray undertones and very low saturation, giving it a soft, cool appearance. Its restrained tone supports trust and calm without feeling childish, making it useful for healthcare, finance, security, and spring-themed designs. Use it as a supporting UI background with dark text; the hex code #80a4bc provides about 8:1 contrast with black.

Questions about #80a4bc

What is #80a4bc in RGB, HSL and CMYK?
In RGB, #80a4bc is rgb(128, 164, 188), in HSL hsl(204, 31%, 62%) and in CMYK 32%, 13%, 0%, 26%.
What colors pair well with #80a4bc?
#80a4bc pairs well with navy or charcoal text, muted sage accents, and soft terracotta highlights, balancing its cool blue-gray base without making layouts feel harsh, flat, or busy in use.
Does #80a4bc work with black or white text?
Use black or very dark text on #80a4bc for accessible body copy; its light, muted blue surface has strong contrast with black but insufficient contrast with white for standard or large text.
Does #80a4bc look warm or cool?
#80a4bc reads as a cool, calm blue because its blue component exceeds red and green, while low saturation and gray undertones soften the effect without making it feel stark or overly youthful.
Where can designers use #80a4bc?
#80a4bc works well as a supporting background, card fill, or quiet accent in healthcare, finance, security, and spring-themed interfaces, especially when paired with dark text and stronger colors for controls or key actions.
Is #80a4bc readable on white or black?
#80a4bc has a 2.64:1 contrast ratio on white and 7.95: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.