#546BDE Hex Color

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

Hex color #546bde graphic
#546bde is a saturated, mid-tone indigo that balances high energy with a professional edge. Its vivid character makes it an ideal accent color for tech interfaces or digital calls to action. While it offers sufficient contrast for white text, use it sparingly in large areas to avoid overwhelming the viewer. The hex code for this cool, intense blue is #546bde.

Questions about #546bde

What is #546bde in RGB, HSL and CMYK?
In RGB, #546bde is rgb(84, 107, 222), in HSL hsl(230, 68%, 60%) and in CMYK 62%, 52%, 0%, 13%.
How should #546bde be used in UI design?
#546bde functions best as an accent color for calls to action or interactive elements rather than a background filler. Because it is highly saturated, it demands attention and creates strong visual hierarchy when paired with neutral, high-contrast text like white or light gray.
What colors pair well with #546bde?
This indigo pairs beautifully with slate or charcoal for a modern, tech-focused aesthetic. To create a more vibrant palette, consider adding complementary pops of warm orange or soft peach, which provide a balanced contrast to the cool intensity of the indigo.
Is #546bde readable on white or black?
#546bde has a 4.63:1 contrast ratio on white and 4.53: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 works for body text. Try other pairs in the contrast checker.