#396DAA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#396daa is a muted, medium blue with a gray cast. Its low saturation keeps it steady rather than flashy, which suits finance dashboards, healthcare branding, and government interfaces. White text passes WCAG AA on this hex code at roughly 5.3:1 contrast, so it holds up as a button or header base. Next to pure white it can read a bit flat, so warm sand or soft coral accents help it breathe.
Questions about #396daa
What is #396daa in RGB, HSL and CMYK?
In RGB, #396daa is rgb(57, 109, 170), in HSL hsl(212, 50%, 45%) and in CMYK 66%, 36%, 0%, 33%.
What text color works best on #396daa?
White text is the safest choice, with a contrast ratio of about 5.3:1 against #396daa. That clears the WCAG AA threshold of 4.5:1, so small body text stays readable.
What colors pair well with #396daa?
Warm sand, soft coral, and burgundy all flatter #396daa by contrast, since its muted coolness needs some warmth nearby. Keep it as a base tone and let a warmer accent carry the smaller 10% of the palette.
Is #396daa readable on white or black?
#396daa has a 5.32:1 contrast ratio on white and 3.94: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.