#4A6D88 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #4a6d88 graphic
This muted, dusty blue feels professional and restrained without being cold. With its low saturation, #4a6d88 works as a reliable base for corporate or finance interfaces that need to convey trust rather than excitement. Because it sits in a mid-tone range, white text creates excellent readability against this hex code. It pairs well with crisp, warm greys to prevent a sterile, washed-out result.

Questions about #4a6d88

What is #4a6d88 in RGB, HSL and CMYK?
In RGB, #4a6d88 is rgb(74, 109, 136), in HSL hsl(206, 30%, 41%) and in CMYK 46%, 20%, 0%, 47%.
How should I use #4a6d88 in professional interface design?
#4a6d88 functions effectively as a primary or secondary action color in finance or corporate applications where trust is the priority over excitement. Because it is a muted mid-tone, white text remains highly readable against it, ensuring your layouts remain accessible and clean.
What colors pair best with #4a6d88?
Pair #4a6d88 with crisp, warm greys to avoid a sterile, clinical appearance and add visual depth to your design. You can also successfully accent this dusty blue with soft terracotta or warm beige tones to introduce a necessary, sophisticated contrast.
Is #4a6d88 readable on white or black?
#4a6d88 has a 5.47:1 contrast ratio on white and 3.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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.