#3C7494 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Muted and midweight, this dusty blue sits between steel and denim, with enough gray to keep it subdued. #3c7494 works best as a supporting tone or UI background, and white text clears AA contrast on it. Next to stark white it can wash out, so cream or muted coral accents keep it looking intentional.
Questions about #3c7494
What is #3c7494 in RGB, HSL and CMYK?
In RGB, #3c7494 is rgb(60, 116, 148), in HSL hsl(202, 42%, 41%) and in CMYK 59%, 22%, 0%, 42%. Browse more shades of blue with names and hex codes.
What text color works on #3c7494?
White text on #3c7494 reaches about 5.1:1 contrast, which passes WCAG AA for body text. Black text falls short at roughly 4.1:1, so keep dark type off this shade.
What colors pair well with #3c7494?
#3c7494 flatters warm, earthy accents like terracotta and muted gold, which balance its cool gray undertone. Cream backgrounds suit it better than stark white.
Is #3c7494 readable on white or black?
#3c7494 has a 5.09:1 contrast ratio on white and 4.11: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.