#3F7DB9 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A cool, moderately muted blue, #3f7db9 has a gray undertone that feels steady rather than vivid. Its controlled lightness supports trust and reliability in finance, healthcare, technology, and government branding. Use it as a supporting tone with navy or warm white. Black text reads clearly at about a 4.8:1 contrast ratio. The hex code is #3f7db9.
Questions about #3f7db9
What is #3f7db9 in RGB, HSL and CMYK?
In RGB, #3f7db9 is rgb(63, 125, 185), in HSL hsl(210, 49%, 49%) and in CMYK 66%, 32%, 0%, 27%. Browse more shades of blue with names and hex codes.
Does #3f7db9 work with black or white text?
Black text is the safer choice on #3f7db9, with roughly a 4.8:1 contrast ratio, while white text may fall short for normal-size text; verify the exact pairing and font size before using it for accessible UI.
What colors pair well with #3f7db9?
Pair #3f7db9 with navy for a layered blue palette, warm white for clean contrast, or muted terracotta accents for warmth. These combinations preserve its steady character while adding separation and visual interest in interfaces, editorial layouts, and brand systems.
Why does #3f7db9 read as cool?
#3f7db9 reads as a cool blue because its hue sits in the blue range and its gray undertone softens saturation rather than adding warmth. That restrained quality can suggest trust and stability without feeling as intense as a brighter primary blue.
Is #3f7db9 readable on white or black?
#3f7db9 has a 4.33:1 contrast ratio on white and 4.84:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.