#5A40BD Hex Color

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

Hex color #5a40bd graphic
This intense violet is bold, saturated, and commands immediate attention. Because #5a40bd is quite dark, it functions best as a striking accent or a moody call-to-action button rather than a primary background color. White text stands out well against this tone, which is helpful if you are learning how to make gray tones by balancing this hue with neutrals.

Questions about #5a40bd

What is #5a40bd in RGB, HSL and CMYK?
In RGB, #5a40bd is rgb(90, 64, 189), in HSL hsl(252, 49%, 50%) and in CMYK 52%, 66%, 0%, 26%.
How should I use #5a40bd in web design?
Use #5a40bd as a high-impact accent color for primary call-to-action buttons or navigation highlights rather than a background. Because of its dark saturation, it creates excellent readability when paired with white or very light neutral text.
Is #5a40bd readable on white or black?
#5a40bd has a 7.23:1 contrast ratio on white and 2.90: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.