#12497A Hex Color

A deep professional blue with authoritative weight

Select a Color

This desaturated, deep blue carries a professional, authoritative weight suitable for corporate branding or moody UI backgrounds. Because it is quite dark, the hex code #12497a offers excellent readability when paired with white text, comfortably meeting WCAG accessibility standards. It functions best as a dominant base color, though it can feel a bit static without a lighter, high-contrast accent to break up the gloomy uniformity.

Questions about #12497a

What is #12497a in RGB, HSL and CMYK?

In RGB, #12497a is rgb(18, 73, 122), in HSL hsl(208, 74%, 27%) and in CMYK 85%, 40%, 0%, 52%.

What colors pair well with #12497a?

This deep blue works best when paired with high-contrast, lighter neutrals like ivory or soft cool grays to prevent the design from feeling too dark. For a professional accent, try integrating a metallic gold or a muted terracotta to break up the static uniformity.

Is #12497a readable on white or black?

#12497a has a 9.29:1 contrast ratio on white and 2.25: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.

#12497A Hex Color

A deep professional blue with authoritative weight

Questions about #12497a

Color tools

Resources