#00163D Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated, near-black blue carries immense weight and authority. Because of its intense darkness, #00163d excels as a solid background for corporate or security-focused UI designs. While it offers excellent contrast for white text, be careful using it in large, flat blocks, as it can easily overwhelm lighter color palettes. Pair it with soft, muted grays or creams to keep the overall design balanced and readable.
Questions about #00163d
What is #00163d in RGB, HSL and CMYK?
In RGB, #00163d is rgb(0, 22, 61), in HSL hsl(218, 100%, 12%) and in CMYK 100%, 64%, 0%, 76%.
How should #00163d be used in web design?
Use #00163d primarily as a grounding background element for corporate or technical interfaces where authority is required. Because it is so dark, avoid using it as a primary text color unless set against a very light, high-contrast backdrop for readability.
What colors work best with #00163d?
To balance the intensity of #00163d, pair it with soft, muted neutrals like cream or cool grays. Using these lighter tones prevents the palette from feeling too heavy while ensuring that text remains sharp and easy to read.
Is #00163d readable on white or black?
#00163d has a 17.76:1 contrast ratio on white and 1.18: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.