#3C6EA9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
The hex code #3c6ea9 is a cool, moderately muted blue with a slightly gray undertone. Its controlled lightness supports trust, reliability, and security without feeling severe. Use it as a supporting brand tone or UI accent in finance, technology, and healthcare. White text reaches about 5.3:1 contrast, enough for WCAG AA body text.
Questions about #3c6ea9
What is #3c6ea9 in RGB, HSL and CMYK?
In RGB, #3c6ea9 is rgb(60, 110, 169), in HSL hsl(212, 48%, 45%) and in CMYK 64%, 35%, 0%, 34%. Browse more shades of blue with names and hex codes.
What colors pair well with #3c6ea9?
#3c6ea9 pairs well with white for clean contrast, charcoal for a softer interface, and warm terracotta for a restrained accent that offsets its cool, slightly gray character in digital layouts. Keep brighter accents limited so the blue remains visually controlled.
Where does #3c6ea9 work best in design?
#3c6ea9 works best as a supporting brand color, navigation tone, or interface accent in finance, security, healthcare, technology, and government projects that need a reliable, controlled mood rather than an expansive background. Its moderate saturation also keeps dense screens from feeling loud.
Is #3c6ea9 readable on white or black?
#3c6ea9 has a 5.25:1 contrast ratio on white and 3.99: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.