#384C56 Hex Color

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

Hex color #384c56 graphic
A dark, muted blue-gray, #384c56 has a matte, ashy quality that feels serious and controlled rather than vivid. Its restrained saturation suits security, finance, government, and technology interfaces, especially as a supporting tone or dark-mode background. Pair it with warm ivory for readable contrast; white text reaches about 9.0:1. The hex code is #384c56.

Questions about #384c56

What is #384c56 in RGB, HSL and CMYK?
In RGB, #384c56 is rgb(56, 76, 86), in HSL hsl(200, 21%, 28%) and in CMYK 35%, 12%, 0%, 66%. Browse more shades of gray with names and hex codes.
What colors pair well with #384c56?
Warm ivory provides a soft, readable contrast, while muted terracotta adds warmth without making the palette feel bright, helping #384c56 retain its controlled, cool character in interfaces, branding, and editorial layouts.
Is #384c56 suitable for white text?
Yes, white text provides strong contrast on #384c56 and works well for headings, navigation, and dark panels, though the exact result should still be checked for the intended text size and interface element.
Is #384c56 readable on white or black?
#384c56 has a 8.98:1 contrast ratio on white and 2.33: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.