#0F225F Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This deep, saturated blue carries an undeniable weight, perfect for establishing a serious or authoritative tone. Because it is so dark, #0f225f acts best as a dominant base or a grounding element in UI layouts. It provides excellent contrast for white text, ensuring readability even at small sizes. Pair this hex code with warm metallics like gold or copper to prevent it from feeling overly cold.
Questions about #0f225f
What is #0f225f in RGB, HSL and CMYK?
In RGB, #0f225f is rgb(15, 34, 95), in HSL hsl(226, 73%, 22%) and in CMYK 84%, 64%, 0%, 63%. Browse more shades of blue with names and hex codes.
What colors pair best with #0f225f for a balanced design?
This deep blue pairs effectively with warm metallics like gold or copper, which neutralize its inherent coldness. For a modern, high-contrast UI, clean white or light gray text provides the best readability against this intense, dark background.
Does #0f225f work well as a primary interface color?
Yes, #0f225f functions best as a dominant grounding element rather than an accent. Its heavy saturation creates a sense of stability and professionalism, making it an ideal choice for headers, footers, or primary backgrounds in corporate or financial applications.
Is #0f225f readable on white or black?
#0f225f has a 14.84:1 contrast ratio on white and 1.41: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.