#3F576F Hex Color

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

Hex color #3f576f graphic
#3f576f is a dark, muted blue with gray undertones and low saturation, giving it a dusty, serious appearance. It works well as a dominant background or supporting tone in finance, technology, security, and government interfaces. Pair it with warm off-white or muted burgundy for contrast. Its hex code is #3f576f, and white text provides about 7.5:1 contrast.

Questions about #3f576f

What is #3f576f in RGB, HSL and CMYK?
In RGB, #3f576f is rgb(63, 87, 111), in HSL hsl(210, 28%, 34%) and in CMYK 43%, 22%, 0%, 56%.
What colors pair well with #3f576f?
#3f576f pairs well with warm off-white for gentle contrast, while muted burgundy adds restrained warmth; pale blue-gray or soft neutrals can support its dusty, professional character without overpowering it in interfaces, presentations, and branding.
Does #3f576f read as a warm or cool color?
#3f576f reads as a cool color because its blue base is softened by gray, creating a subdued, steady appearance rather than a bright or energetic blue, especially when used across large interface areas or background panels.
Is #3f576f readable on white or black?
#3f576f has a 7.48:1 contrast ratio on white and 2.80: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 is too faint for text. Try other pairs in the contrast checker.