#386E94 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Reach for #386e94 when a design needs a steady, dependable blue. This muted, medium-dark shade reads serious rather than playful, which suits finance dashboards, healthcare branding, and government interfaces. White text passes contrast checks on top of it, so it works well as a header or button background. It looks richer against soft coral than against plain gray. The hex code #386e94 sits between steel blue and navy.
Questions about #386e94
What is #386e94 in RGB, HSL and CMYK?
In RGB, #386e94 is rgb(56, 110, 148), in HSL hsl(205, 45%, 40%) and in CMYK 62%, 26%, 0%, 42%. Browse more shades of blue with names and hex codes.
What colors pair well with #386e94?
Warm accents like terracotta or soft coral keep this muted blue from feeling flat. Cream backgrounds flatter it more than pure white, which can wash out its grayed undertones.
Is #386e94 readable on white or black?
#386e94 has a 5.48:1 contrast ratio on white and 3.82: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.