#3A5F67 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Far from a bright cyan, #3a5f67 is a dark, dusty blue with a gray undertone that keeps it muted and matte. Its low saturation makes it a steady supporting tone or background in moody palettes, and it flatters warm accents like terracotta. White text clears WCAG AA against it at roughly 7.0:1, so small type stays readable on the hex code #3a5f67.
Questions about #3a5f67
What is #3a5f67 in RGB, HSL and CMYK?
In RGB, #3a5f67 is rgb(58, 95, 103), in HSL hsl(191, 28%, 32%) and in CMYK 44%, 8%, 0%, 60%. Browse more shades of blue with names and hex codes.
What colors pair well with #3a5f67?
Warm, saturated accents flatter it most, since #3a5f67 is dull and needs contrast in temperature to come alive. Try terracotta, mustard, or a soft sand tone instead of more blues.
Can you use white text on #3a5f67?
Yes. White text on #3a5f67 reaches about 7.0:1 contrast, above the WCAG AA requirement of 4.5:1, so body copy and small interface text stay legible on it.
Is #3a5f67 readable on white or black?
#3a5f67 has a 6.97:1 contrast ratio on white and 3.01: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.