#514E7E Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
See all shades of purple with names and hex codes →
This dusty violet is a muted, desaturated purple that feels serious and understated. Because it is dark and lacks intensity, #514e7e works well as a subtle UI background rather than a loud accent. White text provides excellent 7.7:1 contrast, making it readable for body copy. Pair it with soft, warm grays to avoid a muddy look in your layout.
Questions about #514e7e
What is #514e7e in RGB, HSL and CMYK?
In RGB, #514e7e is rgb(81, 78, 126), in HSL hsl(244, 24%, 40%) and in CMYK 36%, 38%, 0%, 51%.
What colors pair best with #514e7e in a UI design?
This muted violet works best when balanced against soft, warm grays to prevent the layout from appearing muddy or flat. Because #514e7e is quite dark and desaturated, pairing it with off-white or cream accents helps lift the overall visual weight.
Is #514e7e suitable for text on a white background?
Yes, #514e7e offers excellent readability when used as a background color for white text due to its high contrast ratio. However, avoid using this color as text itself on white, as the contrast will be insufficient for accessible body copy.
Is #514e7e readable on white or black?
#514e7e has a 7.66:1 contrast ratio on white and 2.74: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.