#102C57 Hex Color

A serious, deep navy for professional design

Select a Color

This desaturated navy blue provides a serious foundation for UI designs and corporate branding. The hex code #102c57 acts as a moody, deep background where white text pops with high 13.8:1 contrast. Since this tone sits on the edge of darkness, it offers a softer alternative when you are mixing black for print or screen.

Questions about #102c57

What is #102c57 in RGB, HSL and CMYK?

In RGB, #102c57 is rgb(16, 44, 87), in HSL hsl(216, 69%, 20%) and in CMYK 82%, 49%, 0%, 66%.

What colors pair well with #102c57?

#102c57 acts as a powerful neutral anchor that works beautifully alongside bright whites for high readability or gold accents for a luxurious, premium feel. You can also pair it with soft creams or light greys to maintain a modern, clean corporate aesthetic.

Is #102c57 readable on white or black?

#102c57 has a 13.81:1 contrast ratio on white and 1.51: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.

#102C57 Hex Color

A serious, deep navy for professional design

Questions about #102c57

Color tools

Resources