#3A5771 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dusty, muted blue carries a matte finish that reads as serious and understated. Because #3a5771 has low saturation, it serves as a reliable grounding element for tech or finance interfaces. It offers enough contrast for white text, making it a strong choice for body copy or large backgrounds. Pair this cool, dim shade with warm copper accents to prevent the palette from feeling too chilly.
Questions about #3a5771
What is #3a5771 in RGB, HSL and CMYK?
In RGB, #3a5771 is rgb(58, 87, 113), in HSL hsl(208, 32%, 34%) and in CMYK 49%, 23%, 0%, 56%. Browse more shades of blue with names and hex codes.
What colors pair well with #3a5771?
This muted blue benefits from warm, earthy contrast to avoid feeling overly cold. Pair #3a5771 with copper or terracotta accents to introduce energy, or keep the palette grounded by using soft, warm greys and cream whites.
Is #3a5771 readable on white or black?
#3a5771 has a 7.54:1 contrast ratio on white and 2.78: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.