#163E83 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
A saturated, commanding navy, #163e83 feels authoritative and anchored. Because of its intense darkness, it functions best as a dominant base for corporate branding or moody UI layouts. While white text pops against this shade with excellent contrast, use it sparingly as an accent to avoid overwhelming your design. The hex code for this cool, professional blue is #163e83.
Questions about #163e83
What is #163e83 in RGB, HSL and CMYK?
In RGB, #163e83 is rgb(22, 62, 131), in HSL hsl(218, 71%, 30%) and in CMYK 83%, 53%, 0%, 49%.
What colors pair well with #163e83 in a design palette?
#163e83 works effectively when balanced with lighter, neutral tones to maintain readability. Try pairing it with a crisp off-white for high-contrast typography, or introduce a warm terracotta accent to create a sophisticated, modern contrast against the deep navy base.
Is #163e83 readable on white or black?
#163e83 has a 10.23:1 contrast ratio on white and 2.05: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.