#3F6275 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A dim, grayed blue that sits low in both saturation and lightness. The hex code #3f6275 earns its keep as a supporting tone or dark UI background, where white text clears WCAG AA at roughly 6.5:1. Its ashy, understated character suits finance, tech, and nautical palettes. Pair it with burgundy for depth, since next to plain white it can look washed out.
Questions about #3f6275
What is #3f6275 in RGB, HSL and CMYK?
In RGB, #3f6275 is rgb(63, 98, 117), in HSL hsl(201, 30%, 35%) and in CMYK 46%, 16%, 0%, 54%. Browse more shades of blue with names and hex codes.
What colors pair well with #3f6275?
Warm accents like burgundy, ochre, and soft cream flatter #3f6275 best. Its low saturation lets warmer tones stand out without clashing, which makes it a strong anchor for muted palettes.
Is #3f6275 readable on white or black?
#3f6275 has a 6.53:1 contrast ratio on white and 3.21: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.