#434552 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, dusty indigo functions as a desaturated grey rather than a vivid hue. The hex code #434552 creates a serious, muted foundation for moody UI interfaces. Since it holds high contrast against white text, it remains legible for body copy. Use it with soft creams or desaturated warm tones to avoid a cold, industrial feel in your next layout.
Questions about #434552
What is #434552 in RGB, HSL and CMYK?
In RGB, #434552 is rgb(67, 69, 82), in HSL hsl(232, 10%, 29%) and in CMYK 18%, 16%, 0%, 68%.
What colors pair well with #434552 in a UI design?
#434552 functions best when paired with soft creams or warm, desaturated neutrals to balance its cool, industrial undertones. Using warm beige or cream accents helps prevent the interface from feeling too cold or sterile while maintaining strong visual hierarchy.
Is #434552 suitable for body text on a white background?
Yes, #434552 provides excellent legibility against standard white backgrounds due to its high relative luminance contrast. It serves as a softer, more modern alternative to pure black text while retaining the serious, readable qualities required for long-form content.
Is #434552 readable on white or black?
#434552 has a 9.49:1 contrast ratio on white and 2.21: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.