#0B316B Hex Color

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

Hex color #0b316b graphic
#0b316b is a saturated, deep navy with a cold, serious presence. Because it is quite dark, it functions best as a dominant base color in corporate or professional layouts. It pairs effectively with clean white text for high-contrast accessibility. Avoid using it alongside other dark colors, as the design can quickly become murky and difficult to read. The hex code is #0b316b.

Questions about #0b316b

What is #0b316b in RGB, HSL and CMYK?
In RGB, #0b316b is rgb(11, 49, 107), in HSL hsl(216, 81%, 23%) and in CMYK 90%, 54%, 0%, 58%. Browse more shades of blue with names and hex codes.
How should I use #0b316b effectively in a design layout?
#0b316b works best as a primary background or heavy anchor element because of its immense depth. Pair it with crisp white text for excellent readability, or use it alongside soft accents like cream or mint to prevent the layout from feeling too heavy or closed in.
Is #0b316b suitable for text-heavy corporate branding?
Yes, #0b316b is an excellent choice for professional identities that need to convey authority and reliability. Its dark, saturated presence mimics the stability of traditional business suits, making it a sophisticated alternative to standard black while remaining accessible and legible.
Is #0b316b readable on white or black?
#0b316b has a 12.60:1 contrast ratio on white and 1.66: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.