#384F60 Hex Color

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

Hex color #384f60 graphic
This dusky, slate blue is highly unsaturated, giving it a serious and restrained character. Because #384f60 has a matte, inky quality, it functions best as a stable base for modern UI designs. While it pairs well with crisp white text for high contrast, avoid using it in large, flat blocks where it might feel too moody. The hex code for this shade is #384f60.

Questions about #384f60

What is #384f60 in RGB, HSL and CMYK?
In RGB, #384f60 is rgb(56, 79, 96), in HSL hsl(206, 26%, 30%) and in CMYK 42%, 18%, 0%, 62%.
What colors pair well with #384f60 in UI design?
This dusky slate blue creates a professional look when paired with soft creams or warm whites. For more contrast, try using it alongside muted gold accents or a clean silver to maintain its serious, modern aesthetic.
Is #384f60 suitable for text on a white background?
While #384f60 is quite dark, you should check your specific font size against WCAG contrast guidelines before using it as body text. It typically provides excellent readability against off-white backgrounds, but might struggle slightly on pure white.
Is #384f60 readable on white or black?
#384f60 has a 8.55:1 contrast ratio on white and 2.45: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.