#343C30 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This near-black, muted olive carries an ashy quality that leans into shadow rather than saturation. The hex code #343c30 acts as a solid, grounded anchor for moody UI backgrounds or dense, organic illustrations. While it risks looking muddy in large expanses, pairing it with crisp white text ensures high readability. Use this color as a serious alternative to standard grays for a softer, nature-inspired palette.
Questions about #343c30
What is #343c30 in RGB, HSL and CMYK?
In RGB, #343c30 is rgb(52, 60, 48), in HSL hsl(100, 11%, 21%) and in CMYK 13%, 0%, 20%, 76%.
What colors pair well with #343c30?
Because #343c30 is a desaturated, near-black olive, it pairs beautifully with high-contrast warm creams or soft, dusty pinks to balance its cool, ashy undertones. Using off-white or cream text provides the readability needed for dense, dark backgrounds.
Is #343c30 better for text or backgrounds?
This color acts best as a grounded background rather than body text, as its low contrast against white can cause eye strain. If used for UI elements, ensure your typography is bright and crisp to maintain clear accessibility standards.
Is #343c30 readable on white or black?
#343c30 has a 11.44:1 contrast ratio on white and 1.83: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.