#3B6686 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3b6686 is a dark, muted blue with cool gray undertones and a dusty, low-saturation finish. Its serious, dependable character suits finance, security, healthcare, and government interfaces. Use it as a dominant UI background with white text, which reaches about 6.1:1 contrast and meets WCAG AA for body text. The hex code for this shade is #3b6686.
Questions about #3b6686
What is #3b6686 in RGB, HSL and CMYK?
In RGB, #3b6686 is rgb(59, 102, 134), in HSL hsl(206, 39%, 38%) and in CMYK 56%, 24%, 0%, 47%.
What colors pair well with #3b6686?
#3b6686 pairs well with white, soft gray, sand, and terracotta, balancing its cool blue base with lighter neutrals and a restrained warm accent in interfaces, presentations, and editorial layouts for a calm, professional result.
Does #3b6686 feel warm or cool?
#3b6686 reads as a cool color because its blue base and gray undertones reduce warmth, giving it a restrained, dependable mood that suits finance, security, healthcare, government-facing interfaces, and other service-focused products.
Is #3b6686 readable on white or black?
#3b6686 has a 6.12:1 contrast ratio on white and 3.43: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.