#163F75 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This dark, muted blue balances authority with a touch of gloom. Because of its low lightness and saturation, #163f75 works best as a grounding background for corporate or security-focused UI. It carries enough contrast to support white text comfortably for small body copy. Pair this hex code with warm, sandy neutrals to avoid a flat appearance, or learn what colors make purple to experiment with more complex palette shifts.
Questions about #163f75
What is #163f75 in RGB, HSL and CMYK?
In RGB, #163f75 is rgb(22, 63, 117), in HSL hsl(214, 68%, 27%) and in CMYK 81%, 46%, 0%, 54%.
What colors pair best with #163f75?
Use warm, sandy neutrals to lift this dark blue and prevent a flat appearance on your interface. Because #163f75 is naturally heavy, it works effectively as a grounding background when balanced with softer, lighter accents or crisp white text for readability.
Is #163f75 suitable for body text?
This color provides enough contrast to support small body copy if placed against a very light background. Ensure you test your specific background shade, as the low lightness of #163f75 requires significant brightness behind it to meet modern accessibility standards.
Is #163f75 readable on white or black?
#163f75 has a 10.48:1 contrast ratio on white and 2.00: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.