#3A86BA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and cool, #3a86ba is a medium blue with a soft gray undertone and controlled saturation. It feels dependable and calm, making it practical for finance, healthcare, government, and technology branding. Use it as a supporting color with navy or warm white; black text achieves about 5.3:1 contrast. The hex code for this color is #3a86ba.
Questions about #3a86ba
What is #3a86ba in RGB, HSL and CMYK?
In RGB, #3a86ba is rgb(58, 134, 186), in HSL hsl(204, 52%, 48%) and in CMYK 69%, 28%, 0%, 27%.
What colors pair well with #3a86ba?
#3a86ba pairs well with navy, warm white, charcoal, and other restrained neutrals that support its cool blue tone without overwhelming it. Use navy for depth, warm white for contrast, and charcoal when you need softer text than black.
Does #3a86ba feel warm or cool?
#3a86ba reads as a cool medium blue because its blue hue and soft gray undertone reduce warmth and vibrancy. That controlled quality gives it a calm, dependable character suited to professional interfaces, healthcare materials, and technology branding.
Is #3a86ba readable on white or black?
#3a86ba has a 3.96:1 contrast ratio on white and 5.29: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.