#3A77AE Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3a77ae is a muted, medium-dark blue with cool gray undertones and restrained saturation. Its steady character supports trust and reliability in finance, technology, healthcare, and government branding. Use it as a supporting brand color or UI background, pairing it with warm white and muted copper. White text provides about 4.7:1 contrast, meeting WCAG AA for body text. The hex code is #3a77ae.
Questions about #3a77ae
What is #3a77ae in RGB, HSL and CMYK?
In RGB, #3a77ae is rgb(58, 119, 174), in HSL hsl(208, 50%, 45%) and in CMYK 67%, 32%, 0%, 32%.
What colors pair well with #3a77ae in a palette?
#3a77ae pairs well with warm white for clean contrast and copper accents for warmth, while charcoal can add grounded text or accents without competing with its muted cool blue base.
Does #3a77ae read as a warm or cool color?
#3a77ae reads as a cool blue because its muted, gray-leaning appearance lacks warm red or yellow undertones, giving it a steady, reserved feel that suits professional interfaces, public-service visuals, and dependable brand systems.
Is #3a77ae readable on white or black?
#3a77ae has a 4.74:1 contrast ratio on white and 4.42: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.