#3D5D76 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and cool, #3d5d76 is a dark blue with gray, ashy undertones and low saturation. Its matte depth suggests seriousness, reliability, and restraint without feeling harsh. The hex code #3d5d76 suits security, finance, healthcare, and nautical interfaces as a supporting tone or dark base. White text reaches about 6.9:1 contrast, making it suitable behind small body text.
Questions about #3d5d76
What is #3d5d76 in RGB, HSL and CMYK?
In RGB, #3d5d76 is rgb(61, 93, 118), in HSL hsl(206, 32%, 35%) and in CMYK 48%, 21%, 0%, 54%.
What colors pair well with #3d5d76?
#3d5d76 pairs well with warm off-white, muted terracotta, and burgundy, adding measured contrast while preserving its restrained mood across editorial, finance, and technology interfaces where clarity matters more than visual energy. Use pale neutrals for spacious layouts and warmer accents for calls to action.
Where does #3d5d76 work best in a design?
#3d5d76 works best as a dark supporting tone or dominant surface in security, finance, healthcare, and nautical designs, where its low saturation creates control and seriousness without the weight of near-black. Pair it with lighter content areas to prevent dense layouts.
Is #3d5d76 readable on white or black?
#3d5d76 has a 6.94:1 contrast ratio on white and 3.02: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.