#02316F Hex Color

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

Select a Color

This saturated, midnight-leaning blue anchors a palette with serious, authoritative weight. Because #02316f is so dark, it functions best as a dominant base or a grounding background element in professional or tech-focused designs. It offers excellent contrast for white text, so legibility remains high. Pair this hex code with warm, muted golds or creams to prevent the composition from feeling too sterile or cold.

Questions about #02316f

What is #02316f in RGB, HSL and CMYK?

In RGB, #02316f is rgb(2, 49, 111), in HSL hsl(214, 96%, 22%) and in CMYK 98%, 56%, 0%, 56%.

What color palettes work best with #02316f?

The most effective way to use #02316f is by grounding it with cream or sand tones, which soften its inherent intensity. For a bolder, high-contrast look, pair it with sharp white or subtle gold accents to highlight its professional, tech-forward character.

Is #02316f readable on white or black?

#02316f has a 12.56:1 contrast ratio on white and 1.67: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.

#02316F Hex Color

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

Questions about #02316f

Color tools

Resources