#31438E Hex Color

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

Hex color #31438e graphic
This cool, deep blue sits on the edge of navy but carries a slightly muted, stony undertone. Because it is dark and serious, it provides excellent readability for white body text. Designers often use the hex code #31438e as a stable base for corporate interfaces or dark mode backgrounds where you need high accessibility alongside a grounded, authoritative feel. Pair it with soft cream accents to break its severity.

Questions about #31438e

What is #31438e in RGB, HSL and CMYK?
In RGB, #31438e is rgb(49, 67, 142), in HSL hsl(228, 49%, 37%) and in CMYK 65%, 53%, 0%, 44%.
What colors pair well with #31438e?
This color anchors best when paired with soft cream or warm off-white accents, which break up its severity without clashing. You can also create a professional, monochromatic look by layering it with light gray or various lighter blue tints.
Is #31438e readable on white or black?
#31438e has a 9.03:1 contrast ratio on white and 2.32: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.