#3A6C84 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and cool, #3a6c84 is a dusty blue with gray undertones and low saturation. Its steady, controlled character supports trust and reliability in finance, healthcare, technology, and government branding. Use the hex code #3a6c84 for supporting panels or UI backgrounds, paired with warm white. White text reaches about 5.7:1 contrast, meeting WCAG AA for body copy.
Questions about #3a6c84
What is #3a6c84 in RGB, HSL and CMYK?
In RGB, #3a6c84 is rgb(58, 108, 132), in HSL hsl(199, 39%, 37%) and in CMYK 56%, 18%, 0%, 48%. Browse more shades of blue with names and hex codes.
What colors pair well with #3a6c84?
Warm white, soft beige, and muted terracotta pair well with #3a6c84, balancing its cool gray undertones with gentle warmth in brand palettes, dashboards, and interface backgrounds while preserving its calm, dependable character.
Does #3a6c84 look warm or cool?
#3a6c84 reads as a cool, muted blue because its blue hue and gray undertones reduce warmth and saturation, giving it a controlled, steady presence that works well for calm layouts, professional interfaces, and trust-focused visual systems.
Is #3a6c84 readable on white or black?
#3a6c84 has a 5.74:1 contrast ratio on white and 3.65: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.