#112233 Hex Color

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

Fog of War color codes graphic
Fog of War is a desaturated, ink-like blue that carries a heavy, serious presence. Because it is so dim, it functions best as a dominant dark mode background or a base for professional tech branding. It pairs cleanly with stark white text, maintaining high readability for interface design. The hex code for this moody shade is #112233.

About Fog of War

Harbor water an hour after sundown

What does fog of war mean?

Fog of War often reads as secrecy, strategy, and withheld information, since the term comes from military planning and hidden map areas. It sits deep in the darkness with almost no saturation, so it feels heavy, closed off, and hard to read at a glance.

Where you see fog of war

  • deep sea at dusk
  • denim worn thin
  • cast iron skillets
  • storm clouds before rain
  • blackboard paint
  • wet asphalt at night

What it works for

Use it as a dark background that carries text without competing, or as a quieter stand-in for pure black.

What colors go with fog of war?

Questions about Fog of War

What is the hex code for Fog of War?
Fog of War is #112233. In RGB that is rgb(17, 34, 51), in HSL hsl(210, 50%, 13%) and in CMYK 67%, 33%, 0%, 80%.
Where should I use Fog of War #112233 in a design?
Fog of War works exceptionally well as a primary dark mode background because it feels softer than pure black. It provides a grounded, professional foundation that allows interface elements like white text or bright accent colors to pop without overwhelming the user.
Does #112233 read as a warm or cool color?
This color is definitively cool, reading as a desaturated, ink-like navy. Because it lacks warm undertones, it maintains a serious and detached mood that avoids feeling cozy or organic, making it ideal for technology or finance-focused design systems.
Is Fog of War readable on white or black?
Fog of War has a 16.14:1 contrast ratio on white and 1.30: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.