#3C5484 Hex Color

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

Hex color #3c5484 graphic
This muted, dusty blue feels serious and controlled. Because it is desaturated and deep, #3c5484 works best as a background color for professional interfaces like finance or legal software. White text provides excellent readability against this shade, meeting WCAG AA standards easily. Pair it with soft, warm grays to prevent the palette from feeling too cold or bleak.

Questions about #3c5484

What is #3c5484 in RGB, HSL and CMYK?
In RGB, #3c5484 is rgb(60, 84, 132), in HSL hsl(220, 38%, 38%) and in CMYK 55%, 36%, 0%, 48%.
What colors pair well with #3c5484?
#3c5484 works best when grounded by neutral tones that soften its cool intensity. Pair it with crisp off-white for high-contrast readability or warm gray to prevent the overall palette from appearing too bleak or clinical in professional applications.
Is #3c5484 readable on white or black?
#3c5484 has a 7.51:1 contrast ratio on white and 2.79: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.