#919AA5 Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This ashy, dusty blue sits heavily on the cool side of the spectrum. It functions best as a supporting tone, providing structure without the intensity of a primary color. Because #919aa5 offers high contrast with black text, it works well for readable UI backgrounds or professional branding. Avoid pairing it with stark white, as it can appear washed out, preferring instead softer off-white shades. The hex code for this color is #919aa5.
Questions about #919aa5
What is #919aa5 in RGB, HSL and CMYK?
In RGB, #919aa5 is rgb(145, 154, 165), in HSL hsl(213, 10%, 61%) and in CMYK 12%, 7%, 0%, 35%.
How should I pair #919aa5 in a UI layout?
#919aa5 works best when placed against soft off-white or light gray backgrounds rather than stark white, which can wash it out. For text contrast, pair it with dark charcoal or deep navy to maintain high readability and a professional, grounded appearance.
Does #919aa5 work better as a primary or secondary color?
This color functions most effectively as a secondary or supporting tone because it provides structure without the high intensity of primary colors. It excels as a neutral background or accent for text, allowing more vibrant elements to stand out within your composition.
Is #919aa5 readable on white or black?
#919aa5 has a 2.84:1 contrast ratio on white and 7.36:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.