#3D3F31 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#3d3f31 is a dark, low-saturation yellow with an olive-green undertone and a matte, almost gray finish. Its serious, shadowed character suits moody backgrounds, construction layouts, and budget-focused designs. Use it as a supporting tone or dark base with white text, which reaches about 10.7:1 contrast. The hex code works best beside dusty beige or muted rust.
Questions about #3d3f31
What is #3d3f31 in RGB, HSL and CMYK?
In RGB, #3d3f31 is rgb(61, 63, 49), in HSL hsl(69, 13%, 22%) and in CMYK 3%, 0%, 22%, 75%.
What colors pair well with #3d3f31?
#3d3f31 pairs well with dusty beige, muted rust, and burgundy, adding warmth without overpowering its low saturation and olive undertone; use beige for larger fields, rust for emphasis, and burgundy for small accents.
Does #3d3f31 read warm or cool in a palette?
#3d3f31 reads slightly warm because its yellow base is softened by an olive-green undertone, though its low lightness and gray cast can make it feel cool beside warm neutrals or bright, saturated colors.
Is #3d3f31 suitable for text and UI backgrounds?
Yes, #3d3f31 provides strong contrast for white text at about 10.7:1, comfortably exceeding WCAG AA's 4.5:1 requirement for normal body text and making it a practical dark interface background for many layouts. Black text should be avoided.
Is #3d3f31 readable on white or black?
#3d3f31 has a 10.74:1 contrast ratio on white and 1.95: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.