#4C6D8D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, inky blue carries a dusty, ashy quality that feels understated and reliable. Because it is highly desaturated and sits in a darker value range, #4c6d8d works well as a grounding base for professional branding or UI backgrounds. Pair this hex code with a soft cream or warm beige to avoid a cold, sterile appearance. It supports white text legibly for most design applications.
Questions about #4c6d8d
What is #4c6d8d in RGB, HSL and CMYK?
In RGB, #4c6d8d is rgb(76, 109, 141), in HSL hsl(210, 30%, 43%) and in CMYK 46%, 23%, 0%, 45%.
How can I effectively use #4c6d8d in a professional UI layout?
#4c6d8d excels as a background color or a primary accent because its desaturated nature creates a calm, trustworthy atmosphere. Pair this shade with crisp white text to ensure readability or use it alongside soft cream tones to prevent the interface from feeling too cold.
Does #4c6d8d lean warm or cool when paired with other colors?
While #4c6d8d is inherently cool, its dusty, ashy undertone makes it much softer than a standard navy. It interacts best with warm neutrals like beige, which balance its inherent cool factor and create a more sophisticated, approachable color palette for modern design.
Is #4c6d8d readable on white or black?
#4c6d8d has a 5.41:1 contrast ratio on white and 3.87: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.