#1063AA Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This muted, unsaturated blue feels serious and controlled, making it a reliable choice for professional interfaces in finance or security. Because it is quite dim, #1063aa works best as a secondary anchor or solid background color. It provides excellent contrast for white text, which pops against this cool, dark shade. Pair it with soft grays to highlight its moody undertones in a clean UI layout.
Questions about #1063aa
What is #1063aa in RGB, HSL and CMYK?
In RGB, #1063aa is rgb(16, 99, 170), in HSL hsl(208, 83%, 36%) and in CMYK 91%, 42%, 0%, 33%.
Where should I use #1063aa in a user interface?
#1063aa functions best as a secondary anchor or solid background color rather than a primary call-to-action button. Because it is a dim, unsaturated shade, it excels in professional contexts like finance or security software where a sense of control and stability is required.
What colors pair well with #1063aa for a clean layout?
This muted blue benefits from pairing with soft grays to highlight its cool, moody undertones. When you need high contrast, standard white text remains perfectly legible against #1063aa, ensuring your layout maintains both accessibility and a modern, disciplined aesthetic.
Is #1063aa readable on white or black?
#1063aa has a 6.19:1 contrast ratio on white and 3.38: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 works only for large text (24px, or 18.5px bold). Try other pairs in the contrast checker.