#19519E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This cool, dark shade offers high legibility for white text, making it a functional choice for UI headers or buttons. It feels grounded and authoritative without appearing overly aggressive. Because it is quite saturated, use it as a 30% supporting color rather than a primary background to avoid visual fatigue. You can learn how to make gray to balance this tone, as its hex code is #19519e.
Questions about #19519e
What is #19519e in RGB, HSL and CMYK?
In RGB, #19519e is rgb(25, 81, 158), in HSL hsl(215, 73%, 36%) and in CMYK 84%, 49%, 0%, 38%.
How should #19519e be used in interface design?
Use #19519e as a high-impact accent or header color rather than a large background to prevent visual fatigue. It balances well with neutral backgrounds and stands out effectively when paired with silver or white typography for maximum readability.
Does #19519e work well as a primary background color?
No, #19519e is quite saturated and can feel overwhelming when used as a full-page background. It serves best as a strategic supporting color, such as in navigation bars or call-to-action buttons, where its authority and depth can shine without tiring the viewer.
Is #19519e readable on white or black?
#19519e has a 7.74:1 contrast ratio on white and 2.71: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.