#0F283F Hex Color

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

Hex color #0f283f graphic
A deep, inky navy that sits just shy of black, #0f283f carries a quiet weight that makes it a natural anchor in any palette. Its slight blue-violet undertone keeps it from feeling flat, which is why designers reach for it when a plain black feels too harsh or a plain navy too ordinary. It shines as a background for light text, passing contrast checks with room to spare, and it grounds brighter accents without competing with them. Use it for dark mode interfaces, footer bands, or anywhere you need depth without visual noise.

Questions about #0f283f

What is #0f283f in RGB, HSL and CMYK?
In RGB, #0f283f is rgb(15, 40, 63), in HSL hsl(209, 62%, 15%) and in CMYK 76%, 37%, 0%, 75%.
What colors pair well with #0f283f?
Warm neutrals and muted metallics bring out its depth. Try pairing it with a soft cream, a warm sand, or a muted gold for contrast that feels intentional rather than harsh. For a bolder look, a burnt orange or dusty terracotta creates a striking complementary tension against its cool blue base.
Is #0f283f a good choice for dark mode backgrounds?
Yes, and it is often a better one than pure black. Because it sits slightly lighter than true black, it reduces the harsh glare that comes from jumping between a bright light-mode screen and a pitch-dark interface. Text on top of it still passes contrast requirements comfortably, so readability is not sacrificed.
What mood does #0f283f convey?
It reads as calm, grounded, and quietly confident. The near-black depth gives it a sense of weight and stability, while its subtle blue undertone keeps it feeling cool and composed rather than heavy. It suits brands that want to signal reliability without shouting.
Is #0f283f readable on white or black?
#0f283f has a 15.04:1 contrast ratio on white and 1.39: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.