#3A5F87 Hex Color

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

Hex color #3a5f87 graphic
Reach for this muted denim blue when a design needs steady, low-key color that won’t shout. #3a5f87 is a dark, grayed blue that reads calm and dependable, which suits finance dashboards, dark mode interfaces, and moody brand palettes. Its low saturation keeps layouts grounded, though it can look flat next to pure white. White text clears contrast at about 6.6:1, so small body copy stays readable.

Questions about #3a5f87

What is #3a5f87 in RGB, HSL and CMYK?
In RGB, #3a5f87 is rgb(58, 95, 135), in HSL hsl(211, 40%, 38%) and in CMYK 57%, 30%, 0%, 47%.
What text color works best on #3a5f87?
White text is the safest choice, hitting about 6.6:1 contrast, which clears WCAG AA for body text. Dark text on this shade fails, so stick to white or near-white type.
What pairs well with #3a5f87?
Warm accents such as burgundy or muted terracotta pull out the depth in #3a5f87, and warm grays keep it grounded. Skip pale pastels, which wash its ashy quality away.
Is #3a5f87 readable on white or black?
#3a5f87 has a 6.63:1 contrast ratio on white and 3.16: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.