#546EEB Hex Color
Online color picker to view shades, tints, color codes, and complementary colors
This saturated indigo #546eeb demands attention with its intense, electric personality. It works best as a bold UI accent or a call-to-action button rather than a large background, which can quickly overwhelm a design. Black text provides excellent readability against this shade, meeting accessibility standards with a 4.8:1 contrast ratio. If you want to tone down its brightness, learn how to make gray to create softer, balanced palettes.
Questions about #546eeb
What is #546eeb in RGB, HSL and CMYK?
In RGB, #546eeb is rgb(84, 110, 235), in HSL hsl(230, 79%, 63%) and in CMYK 64%, 53%, 0%, 8%.
How should #546eeb be used in web design?
Use #546eeb primarily as a high-contrast accent color for buttons or interactive elements rather than a background. Because of its intense saturation, it can easily overwhelm the eye if used for large blocks of text or expansive container backgrounds.
Does #546eeb work well with text?
Yes, #546eeb provides excellent readability when paired with white or very light text, meeting common accessibility standards. For a more sophisticated look, pair this electric indigo with off-white or soft gray to maintain visual balance without losing the bold energy.
Is #546eeb readable on white or black?
#546eeb has a 4.36:1 contrast ratio on white and 4.80:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works only for large text (24px, or 18.5px bold) and on black it works for body text. Try other pairs in the contrast checker.