#2563B0 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
Moderately saturated and medium-dark, #2563b0 is a cool blue with a slight gray cast. It feels dependable and controlled, fitting finance, security, healthcare, government, and technology interfaces. Use it as a supporting brand color beside warm white or muted coral. White text has about 6.0:1 contrast here, enough for WCAG AA body text. The hex code is #2563b0.
Questions about #2563b0
What is #2563b0 in RGB, HSL and CMYK?
In RGB, #2563b0 is rgb(37, 99, 176), in HSL hsl(213, 65%, 42%) and in CMYK 79%, 44%, 0%, 31%.
What colors pair well with #2563b0?
As a cool, slightly gray blue, #2563b0 pairs well with warm white for clean interfaces, muted coral for restrained contrast, and soft beige for dependable, calm digital brand work and products.
Where does #2563b0 work best?
The cool, medium-dark blue #2563b0 communicates dependability, control, and clarity, making it a practical choice for finance, security, healthcare, government, and technology interfaces where trust matters and information needs to feel clear.
Is #2563b0 readable on white or black?
#2563b0 has a 6.01:1 contrast ratio on white and 3.49: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.