#3A6986 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, dusty blue carries a serious, cool character with significant grey undertones. It works best as a dominant base or background color for tech or professional branding, as white text pops clearly against it. While useful for creating a moody, restrained atmosphere, avoid using it in small UI details where it might appear muddy. The hex code for this color is #3a6986.
Questions about #3a6986
What is #3a6986 in RGB, HSL and CMYK?
In RGB, #3a6986 is rgb(58, 105, 134), in HSL hsl(203, 40%, 38%) and in CMYK 57%, 22%, 0%, 47%.
How should I use #3a6986 in professional UI design?
#3a6986 works best as a primary background or a section anchor because its dusty, muted quality prevents it from overpowering the page. Pair it with crisp white or off-white text to ensure the contrast remains sharp and readable for users.
What color theory combinations pair well with #3a6986?
Because of its significant grey undertones, #3a6986 looks sophisticated when paired with soft terracotta for a balanced contrast. You can also achieve a monochromatic, cohesive look by using lighter shades of slate or deeper, muted navy accents to create visual hierarchy.
Is #3a6986 readable on white or black?
#3a6986 has a 5.92:1 contrast ratio on white and 3.54: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.