#063F76 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
#063f76 is a dark, muted navy with cool blue undertones and low lightness, giving it a serious, controlled feel. The hex code works well as a dominant background for finance, security, government, and corporate interfaces, especially with white text. Pair it with burgundy or warm sand for contrast without losing its formal character. White text reaches about 10.6:1 contrast here.
Questions about #063f76
What is #063f76 in RGB, HSL and CMYK?
In RGB, #063f76 is rgb(6, 63, 118), in HSL hsl(209, 90%, 24%) and in CMYK 95%, 47%, 0%, 54%. Browse more shades of blue with names and hex codes.
What colors pair well with #063f76?
#063f76 pairs well with warm sand, burgundy, muted copper, and soft off-white because those warmer or lighter notes interrupt its cool, low-light character without weakening its formal mood. Use the darker blue as the dominant base and reserve warmer hues for accents.
Where does #063f76 work best in a design?
#063f76 works best as a dominant background or structural brand color in finance, security, technology, government, and corporate interfaces, where its dark, unsaturated blue suggests reliability and control. Pair it with brighter accents so large areas do not feel heavy.
Is #063f76 readable on white or black?
#063f76 has a 10.60:1 contrast ratio on white and 1.98: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.