#7786A3 Hex Color

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

Hex color #7786a3 graphic
#7786a3 is a dusty, ashy blue with low saturation and a matte, slightly gray cast. Its restrained character supports trust, control, and reliability in finance, healthcare, government, and technology interfaces. Use it as a supporting tone with dark navy or warm ivory. Black text achieves about 5.7:1 contrast, making the hex code suitable for WCAG AA body text.

Questions about #7786a3

What is #7786a3 in RGB, HSL and CMYK?
In RGB, #7786a3 is rgb(119, 134, 163), in HSL hsl(220, 19%, 55%) and in CMYK 27%, 18%, 0%, 36%. Browse more shades of blue with names and hex codes.
Which colors pair well with #7786a3?
#7786a3 pairs well with warm ivory, deep navy, charcoal, and muted blue-gray accents, creating a restrained palette with clear contrast for interfaces, editorial layouts, and professional branding without making the overall design feel stark.
Is #7786a3 readable on white or black?
#7786a3 has a 3.66:1 contrast ratio on white and 5.72: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.