#3562A5 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #3562a5 graphic
Reach for #3562a5 when a design needs a dependable mid-dark blue, like a finance dashboard or a law enforcement site. This dim, slightly muted shade reads serious without going full navy. White text passes AA on it at about 6.1:1, so it holds up behind small body copy. Pair it with warm sand or muted coral to keep layouts from feeling cold.

Questions about #3562a5

What is #3562a5 in RGB, HSL and CMYK?
In RGB, #3562a5 is rgb(53, 98, 165), in HSL hsl(216, 51%, 43%) and in CMYK 68%, 41%, 0%, 35%.
What text color works on #3562a5?
White text reads best on #3562a5, with a contrast ratio of about 6.1:1. That clears the WCAG AA threshold of 4.5:1, so it supports small body text, not just headings.
What colors pair well with #3562a5?
Warm neutrals like sand or muted coral balance its cool cast, while burgundy gives it a richer, more formal pairing than gray or camel would.
Is #3562a5 readable on white or black?
#3562a5 has a 6.10:1 contrast ratio on white and 3.44: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.