#3F5CAA Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3f5caa graphic
#3f5caa is a dark, muted blue with cool undertones and moderate depth. Its restrained saturation feels serious, dependable, and slightly mysterious, making it effective for finance, technology, security, and government designs. Use it as a dominant UI background or strong supporting tone; white text reaches about 6.3:1 contrast. The hex code for this shade is #3f5caa.

Questions about #3f5caa

What is #3f5caa in RGB, HSL and CMYK?
In RGB, #3f5caa is rgb(63, 92, 170), in HSL hsl(224, 46%, 46%) and in CMYK 63%, 46%, 0%, 33%.
What colors pair well with #3f5caa?
The strongest pairings for #3f5caa include white, pale blue-gray, and restrained warm accents such as burgundy, which add contrast without weakening its serious, cool character in interfaces and brand palettes.
Is #3f5caa readable on white or black?
#3f5caa has a 6.32:1 contrast ratio on white and 3.32: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.