#3D7FD7 Hex Color

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

Hex color #3d7fd7 graphic
#3d7fd7 is a saturated, medium-light blue with a clear cool cast and strong visual energy. Its bright, reliable character suits technology, finance, healthcare, and security interfaces. Use it as a 10% accent for calls to action or highlights rather than a full background. The hex code #3d7fd7 supports black body text at about 5.2:1 contrast.

Questions about #3d7fd7

What is #3d7fd7 in RGB, HSL and CMYK?
In RGB, #3d7fd7 is rgb(61, 127, 215), in HSL hsl(214, 66%, 54%) and in CMYK 72%, 41%, 0%, 16%.
What colors pair well with #3d7fd7?
#3d7fd7 pairs well with white or pale cool neutrals for a clean interface, while charcoal text gives it a grounded edge; a restrained terracotta accent adds warm complementary contrast without competing with the blue.
Where does #3d7fd7 work best in a design?
#3d7fd7 works best as a focused accent in technology, finance, healthcare, and security interfaces, especially for buttons, links, status highlights, and selected states; its saturated cool blue brings clarity and energy without overwhelming a layout when used sparingly.
Is #3d7fd7 readable on white or black?
#3d7fd7 has a 4.02:1 contrast ratio on white and 5.21: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.